.webcampaign .pageGroup textarea,.webcampaign .pageGroup input[type="password"], .webcampaign .pageGroup input[type="text"] {padding:.4em; background:#fff; border-radius:.2em; margin:0; border: 1px solid #c0c0c0;}
input:not(#txt_input){vertical-align: middle;}
.search h2 { font-size:1.2em; font-weight:400; }
.search h3 { font-size:1.2em; }
.search .c7 h2 { margin-bottom:1em; }
.search .c7 h3 { margin-bottom:.2em; font-weight:400; line-height:1.2; }
.nowrap { white-space:nowrap; }
.webcampaign .tiHeader a:visited {color: #fff;}
.pageGroup { padding:2em 0; }
.siloTitle { font-size:1.6em; color:#333; padding:0 50px 1em 50px; }
.webcampaign .pageTitle  { float:left; padding:0 50px 0 50px; width:80%; margin:0; min-width: inherit; }
.search .pageTitle { float:none; padding:2em 50px; width:100%; margin: 0 }
.breadcrumb { font-size:.9em; color:#999; padding:0 50px .5em 50px;}
.breadcrumb a { color:#999; }
.pageTitle .breadcrumb { padding:0; }
.featured { background:#fff; padding:1em; border:1px solid #e0e0e0; background:-moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); background:-webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%); background:-ms-linear-gradient(top, #ffffff 0%,#f9f9f9 100%); }
.featured h3 a { color:#cc0000; }
.featured.compare table { border-collapse:collapse; }
.featured.compare table td { border-bottom:1px dotted #e0e0e0; vertical-align:top; padding:.5em 1em 0 0; }
.featured.compare table tr:last-child td { border-bottom:0; }
.featured.compare table h4 { font-size:1em; }
.featured table ul { margin-left:0; margin-bottom:.5em; }
.featured table li { background:none; padding:0; }
.featured.order-details td {vertical-align: top;}
.pageNav { z-index:20; position:relative; float:left; width:20%; background:#f9f9f9; border:1px solid #e0e0e0; border-width:1px 1px 1px 0; padding:2em 1em 2em 3%; }
.pageNav h3 { border-bottom:1px dotted #e0e0e0; margin-bottom:1em; }
.pageNav ul { margin:0; }
.pageNav ul ul { margin:.5em 0 1.5em; }
.pageNav li { background:none; padding:0; margin:0; font-weight:600; }
.pageNav li li { font-weight:400; border-bottom:1px dotted #e0e0e0; padding:.2em 0 .2em .5em; }
.pageNav h3 span, .pageNav li span { font-size:10px; font-weight:400; margin:0 0 0 5px; }
.pageNav li.active { background-color:#555; }
.pageNav a, .pageNav a:visited { color:#333; }
.pageNav li.active a { color:#fff; }
.pageNav .close, .info-2 .close { padding: 11px; position:absolute; top:.5em; right:0; background:url(../images/iconCloseModal.png) no-repeat 0 0; cursor:pointer; }
.pageNav .close:active, .info-2 .close:active { background-position: 0 -100px }
.pageNav .close, .info-2 .close { background-image:url(../images/iconCloseModal.svg), none; }
.pageNav .collapse-left { position:absolute; top:.5em; right:0; background:url(../images/iconMyTI.png) no-repeat 0 -160px; padding:1em; cursor:pointer; }
.pageNav .collapse-left { background-image:url(../images/iconMyTI.svg), none; }
.webcampaign div.info {margin-left: .5em; background:url(../images/iconMyTIinfoSprite.png) no-repeat 0 0;cursor:pointer; }
.webcampaign div.info { background-image:url(../images/iconMyTIinfoSprite.svg), none; }
.webcampaign div.info:active {background:url(../images/iconMyTIinfoSprite.png) no-repeat -100px 0;}
.webcampaign div.info:active { background-image:url(../images/iconMyTIinfoSprite.svg), none; }
.navCollapsed .pageNav .collapse-left { top:0; position:relative; background-position:10px -270px; background-color:#f9f9f9; border:1px solid #e0e0e0; border-left:0; width:40px; height:80px; opacity:.9; filter:alpha(opacity=90); z-index:2; }
.navCollapsed .pageNav .collapse-left:hover { opacity:1; filter:alpha(opacity=100); }
.navCollapsed .pageNav { background: none; border: 0; width: 0; padding:0; }
.navCollapsed .pageNav .pageNavContent { display:none; }
.webcampaign .pageContent { position:relative; float:left; width:80%; padding:0 50px; margin: 0; min-width: inherit;}
.search .pageContent { float:none; width:100%; padding:0 50px; }
.navCollapsed .pageTitle, .navCollapsed .pageContent { width:100%;}
.search .pageContent .c7 { float:left; overflow:hidden; }
.search .pageContent .c5 { float:right; }
.search .pageContent .clear { margin-bottom:1.5em; }
.webcampaign .tab a, .webcampaign .tab a:visited { color:#333; text-decoration:none; cursor: pointer; }
.webcampaign .tab ul{ min-width: inherit;}
.filter { width:100%; clear:both; border-bottom:1px dotted #c0c0c0; margin:0 0 2em 0; }
.filter ul { padding:0 3%; margin:0; }
.filter li { position:relative; bottom:-1px; float:left; font-size:1.2em; margin:0 2em 0 0; padding:0 0 .2em 0; background:none; }
.filter li.active { font-weight:bold; border-bottom:4px solid #cc0000; }
.filter a, .filter a:visited { color:#333; }
.filter br { display:none; }
.search .filter li { background:url(../images/iconSearch.png) no-repeat -2px -398px; padding-left:20px; }
.search .filter li.everything {  }
.search .filter li.product { background-position:-2px -698px; }
.search .filter li.technicalDocument { background-position:-2px -998px; }
.search .filter li.support { background-position:-2px -1298px; }
.search .filter li.crossReference { background-position:-2px -1598px; }
.search .filter li.application { background-position:-2px -1898px; }
.search .filter li.forum { background-position:-2px -2198px; }
.search .filter li.blog { background-position:-2px -2498px; }
.search .filter li.designNetwork { background-position:-2px -2798px; }
.search .filter li.developerWiki { background-position:-2px -3098px; }
.search .filter li.training { background-position:-2px -3398px; }
.search .filter li.video { background-position:-2px -3698px; }
.search .filter li.recommended { background:none; padding-left:0; }
.search .filter.sub { margin:-2em 0 2.5em 0; padding:.7em 0 0 0; background:#f9f9f9; }
.search .filter.sub li { background:none; padding-left:0; font-size:1em; }
.anchor { width:100%; border-bottom:1px solid #e0e0e0; margin:0 0 2em 0; }
.anchor ul { margin:0; }
.anchor li { background:none; float:left; margin:0 0 5px; padding:0; color:#e0e0e0; }
.anchor li:after { content:"|"; padding:0 10px; }
.anchor li:last-child:after {  }
.anchor li.active {  }
.anchor a { color:#333; }
.anchor li.active a { background:#555; color:#fff; padding:1px 10px; }
.pagination { margin:0 0 1em 0; text-align:right; float:right; cursor:default; }
.pagination a{ cursor:pointer; }
.search .pagination { text-align:left; color:#999; margin-top:1em; float:none; }
.search .pageTitle .searchInput { width:580px; padding-right:2.4em;}
.search .pageTitle .searchButton, .pagination .search .searchButton { position:absolute; left:550px; top:0; background:url(../images/iconFolder.png) no-repeat 8px -393px; border:0; width:30px; height:2em; cursor:pointer; }
.pagination .search { position:relative; }
.pagination .search .searchButton { left:auto; right:0; top:-.5em; }
.search .pageTitle .searchButton, .pagination .search .searchButton { background-image:url(../images/iconFolder.svg), none; }
.search .pageTitle a.more { margin:.3em 0 0 2em; /*float:left;*/ }
.search .pageTitle form { position:relative; }
.search #usautocmain1.searchFlyout { position:absolute; /*top:2em;*/ background:#f9f9f9; border:1px solid #c0c0c0; border-top:0; padding:1em;  width:580px; z-index:100; display:none; }
.search .searchFlyout p { border-bottom:1px dotted #c0c0c0; margin:0 0 .5em 0; }
.pagination span { margin:0 0 0 2em; }
.search .pagination span { position:relative; top:-.5em; float:right; }
.pagination span.active { border:1px solid #555; border-radius:.2em; padding:0 .5em; }
.search .pagination a.prev, .search .pagination a.next { background:url(../images/iconSearch.png) no-repeat 0 0; display:inline-block; width:17px; height:33px; margin:0 0 0 2em; }
.search .pagination a.next { background-position:0 -100px; }
.print { margin:0 0 1em 0; text-align:right; }
.search .organic .clear, .search .recommended .clear { position:relative; padding:0 0 0 25px; margin-bottom:.5em; }
.search .organic .clear div, .search .recommended .clear div { position:absolute; left:0; background:url(../images/iconSearch.png) no-repeat 0 -200px; width:20px; height:20px; }
.search .organic .clear.indent { margin-left:2em; }
.search .organic .clear p, .search .recommended .clear p { font-size:.9em; }
.search .organic .clear p span { color:#999; }
.search .organic .clear.product div { background-position:0 -500px; }
.search .organic .clear.technicalDocument div { background-position:0 -800px; }
.search .organic .clear.support div { background-position:0 -1100px; }
.search .organic .clear.crossReference div { background-position:0 -1400px; }
.search .organic .clear.application div { background-position:0 -1700px; }
.search .organic .clear.forum div { background-position:0 -2000px; }
.search .organic .clear.blog div { background-position:0 -2300px; }
.search .organic .clear.designNetwork div { background-position:0 -2600px; }
.search .organic .clear.developerWiki div { background-position:0 -2900px; }
.search .organic .clear.training div { background-position:0 -3200px; }
.search .organic .clear.video div { background-position:0 -3500px; }
.search .organic .clear.estore div { background-position:0 -3800px; }
.search .recommended hr { border:0; border-top:1px solid #e0e0e0; margin:0; }
.search .recommended .clear div { background-position:0 -300px; }
.search .recommended .clear.product div { background-position:0 -600px; }
.search .recommended .clear.technicalDocument div { background-position:0 -900px; }
.search .recommended .clear.support div, .search .recommended .clear.forum div, .search .recommended .clear.blog div { background-position:0 -1200px; }
.search .recommended .clear.crossReference div { background-position:0 -1500px; }
.search .recommended .clear.application div { background-position:0 -1800px; }
.search .recommended .clear.designNetwork div { background-position:0 -2700px; }
.search .recommended .clear.developerWiki div { background-position:0 -3000px; }
.search .recommended .clear.training div { background-position:0 -3300px; }
.search .recommended .clear.video div { background-position:0 -3600px; }
.search .recommended .clear.estore div { background-position:0 -3900px; }
.search .recommended .clear p { margin-top:1em; }
.search .filter li, .search .organic .clear div, .search .recommended .clear div, .search .pagination a.prev, .search .pagination a.next { background-image:url(../images/iconSearch.svg), none; }
.search .organic .support { border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding-top:1.5em; margin:0 0 1.5em 0; }
.search .organic img { float:left; margin:.5em 1em .5em 0; width:120px; }
.search .featured.product h3.productNumber { font-size:2em; margin-bottom:0; }
.search .featured.product h3.productNumber font { font-size:.5em; font-weight:400; position:relative; top:-.2em; }
.search .featured.product h3.productTitle { font-size:1.2em; }
.search .featured.product .image img { float:right; padding:0 0 0 1em; width:150px; }
#BVCustomerRatings { display:inline-block; position:relative; top:.3em; left:1em; font-size:.5em; font-weight:400; }
.BVRROverallRatingContainer, .BVRRRatingSummaryLinks, .BVRRRatingNormalImage, .BVRRReviewDisplayStyle3Summary, .BVRRReviewDisplayStyle3Main, .BVRRRatingSummaryLink, .BVRRQuickTakeContent { float:left; }
.BVRRDisplayContentSubtitle, .BVRRSortAndSearch { float:left; margin:0 0 1em 2em; }
.BVRRSeparator, .BVRRQuickTakeSpacer, .BVRRDisplayContentBody { clear:both; }
.BVRRRatingNormalImage, .BVRRRatingSummaryLink, .BVRRRatingSummaryLink, .BVRRReviewFeedbackLinksPrefix, .BVRRReviewFeedbackLink { margin:0 .5em 0 0; }
.BVRRQuickTakeTitle, .BVRRRatingSummaryNoReviewsTitle { font-size:1.6em; font-weight:600; color:#333; display:block; margin:0 0 .5em 0; }
.BVRRQuickTakeSubtitle, .BVRRRatingSummaryNoReviewsSubtitle { font-size:.5em; vertical-align:top; } 
.BVRRReviewDisplayStyle3Summary { width:20%; }
.BVRRReviewDisplayStyle3Main { width:80%; }
.BVRRReviewTitle, .BVRRReviewProTagsPrefix, BVRRReviewConTagsPrefix { font-weight:600; }
.BVRRReviewDateContainer, .BVRRReviewProsConsContainer, .BVRRReviewFeedbackLinksContainer { margin:.5em 0; }
.BVRRUserNicknameContainer { margin:3em 0 1em 0; }
.BVRRDisplayContentReview { border-top:1px solid #e0e0e0; padding:1em 0; }
.BVRRRatingSummaryNoReviews a img { border:0; }
.BVRRFooter { margin:1em 0; }
.BVRRPageLink { margin:0 1em; }
.BVRRRatingNormalOutOf, .BVRRRatingSummaryLinkSeparator, .BVRRRatingSummaryLinkWrite, .BVRRDisplayContentSortPrefix, .BVRRRatingNormalLabel, .BVRRQuickTakeHeaderHelpText, .BVSVPLinkContainer, .BVRRQuickTakeTags, .BVRRHidden, .BVRRUserProfileImageLink img, .BVRRUserNicknameReadReviewsContainer, #BVSVPLinkContainer, .BVRRDisplayContentTitle, #BVCustomerRatings .BVRRRatingSummaryNoReviewsTitle, .BVRRRatingSummaryNoReviewsPrefix, #BVSecondaryCustomerRatings .BVRROverallRatingContainer, #BVSecondaryCustomerRatings .BVRRRatingSummaryLinks { display:none; }
.search .BVRRRatingSummaryLinks, .search .BVRRRatingSummaryNoReviews { display:none; }
.search .featured.product .datasheet { margin:0 0 1.5em 0; }
.search .featured.product .datasheet a { float:left; background:url(../images/icons/icon_m_pdf_a.png) no-repeat 0 0; padding:.1em 0 .1em 22px; margin-bottom:.5em; color:#cc0000; }
.search .featured.product .datasheet a.online { background-image:url(../images/icons/icon_m_html_a.png); margin-left:1em; }
.search .featured.product ul, .search .supportLink ul { -webkit-column-count:2; -webkit-column-gap:1em; -moz-column-count:2; -moz-column-gap:1em; column-count:2; column-gap:1em; clear:both; }            
.search .featured.product li, .search .supportLink li { margin:0 0 .2em 0; }
.search .featured.product li#sampleBuy a { color:#cc0000; }
.search .featured li a br { display:none; }
.search .stepDownConverter input { width:3em; }
.search .stepDownConverter table td { padding:0 .5em .5em 0; vertical-align:middle; white-space:nowrap; }
.search .organic span.quickLink a { font-size:.9em; }
.search th select { font-weight:600; }
.search .advanced td { padding:0 .5em .5em 0; }
.search .advanced td input, .search .advanced td select { width:300px; }
.search a.crossReferenceCode { font-size:.9em; font-weight:400; display:block; margin:.5em 0 0 0; }
.search #crossReferenceCode, .search #xrefStatusCode { font-size:.9em; margin-top:2em; }
.search .c5 table { margin-bottom:.5em; }
#selection .part table, #selection .part td { border:0; }
.sort tr { background:#fff; text-align:left }
.sort th.header { background:#f9f9f9 url(../images/sort.png) no-repeat right center; cursor:pointer; text-align:left; padding-right:20px; vertical-align:middle; }
.sort th.headerSortUp { background:#ccc url(../images/sortAsc.png) no-repeat right center; }
.sort th.headerSortDown { background:#ccc url(../images/sortDesc.png) no-repeat right center; }
.tblstandard, div.tblstandard { position:relative; border-collapse:collapse; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; font-size:1em; z-index:11; }
.tblstandard th, .tblstandard td, div.tblstandard { background:#fff; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; vertical-align:top; padding:.5em; line-height:1.3em; }lt
.tblstandard h2, div.tblstandard h2 { line-height: 1.3em;}
.tblstandard th { background:#f9f9f9; text-align:left; vertical-align:middle }
.tblstandard tr.heading2 th, div.tblstandard .heading2 { background:#b0b0b0; }
.tblstandard tr.heading3 th, div.tblstandard .heading3 { background:#115566; color:#fff; }
table.noBorder td { border:0; }
.tblstandard tr:hover { background:#ddeeee; }
.table-no-hover tr:hover { background:none; }
.tblstandard .hilight { background:#ddeeee; }
.hilighted { background:#ffffb3; }
.webcampaign .button, .btndisabled, .webcampaign .pageNav a.button { border-radius:.2em; display:inline-block; font-size:1em; border:0; padding:.4em .8em; cursor:pointer; white-space:nowrap; color:#fff; }
.webcampaign .button:hover, .webcampaign .button:visited { text-decoration:none; color:#fff; }
.row .center { text-align:center; }
.row .right { text-align:right; }
.row .flright { float:right; }
.row .flleft { float:left; }
.addthis_toolbox { margin-bottom:1em; }
.row { display:flex; align-items:stretch; margin:0 0 2em 0; }
.c1 { width:8.33%; }
.c2 { width:16.66%; }
.c3 { width:25%; }
.c4 { width:33.33%; }
.c5 { width:41.66%; }
.c6 { width:50%; }
.c7 { width:58.33%; }
.c8 { width:66.66%; }
.c9 { width:75%; }
.c10 { width:83.33%; }
.c11 { width:91.66%; }
.c12 { width:100%}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 { float:left; position:relative; padding:0 2em 0 0; }
.c12, .end { padding-right:0; }
.webcampaign body {
background-color: #FFF; /* Old browsers */
font-family: 'Open Sans', sans-serif;
}
.webcampaign h1 span { color:#cc0000; }
.webcampaign .pageTitle h1, .webcampaign .pageTitle .webcampaignTitle > div { float:left; }
.webcampaign .pageTitle .webcampaignTitle > div { margin:0 0 3em 2em; }
.webcampaign .pageTitle .webcampaignTitle > div p { margin:0 0 .2em 0; }
.webcampaign .webcampaignPreview h3 a { position:absolute; right:0; bottom:.2em; font-size:.65em; font-weight:400; margin:0 0 0 2em;}
.webcampaign .webcampaignPreview td p { margin-bottom:.5em; }
.webcampaign .e2ePost .post { position:relative; float:left; background:#f0f0f0; padding:1em; border-radius:.5em; margin:0 0 .5em 0; width: 100% }
.webcampaign .e2ePost .post:after { position:absolute; bottom:-16px; left:2em; width:16px; height:16px; background:url(../images/myTIE2EBubbleExtension.png) no-repeat 0 0; background-image:url(../images/myTIE2EBubbleExtension.svg), none; content: ''}
.webcampaign .e2ePost .post { border:1px solid #e0e0e0;}
.webcampaign .e2ePost .post a {display: inline-block; text-overflow:ellipsis; overflow: hidden; max-width: 100%; vertical-align: middle;}
.webcampaign .e2ePost .reply { margin:0 0 1em 4em; clear:both; }
.webcampaign .webcampaignPreview div span { display:block; font-size:.9em; color:#999; }
.webcampaign .webcampaignPreview div .showPlus span{display: inline-block;}
.webcampaign .orderHistory th:first-child { width:6.5em; margin: 0 .5em 0 -1.4em; }
.webcampaign .orderHistory ul, .webcampaign .orderHistory p{ margin-left: 22px}
.webcampaign .orderHistory p.showPlus{ margin-left: 0px}
.webcampaign .webench td a.button { float:right; }
.showPlus { position:relative; padding:0 0 0 22px; }
.showPlus span, span.showPlus { background:url(../images/iconPlus.png) no-repeat 0 0; width:18px; height:18px; cursor:pointer; display: inline-block; vertical-align: middle;}
.showPlus span, span.showPlus { background-image:url(../images/iconPlus.svg), none; }
.showPlus span{ margin: 0 25px 0 -3.1em;}
p.showPlus span{ margin: 0 .30em 0 -22px;}
.showPlus .expanded span { background-position:0 -100px; }
.showPlus .expanded ul{margin:0}
ul.showPlus { margin-bottom:0; margin-left:0; }
ul.showPlus li { background:none; margin:0 0 0.5em 0; line-height:1.4em; }
.webcampaign .checklist ul.showPlus li {padding-left:3.1em; position: relative; display: block; vertical-align: middle;}
.webcampaign .checklist ul.showPlus ul {margin-left: 0}
.webcampaign .checklist ul.showPlus ul li{padding-left: 1.4em;}
.webcampaign .checklist ul.showPlus li input[type=checkbox]{ margin-left: -1.4em;}
.webcampaign .checklist table{ max-width: 900px; margin-bottom: 1.5em;}
.webcampaign .checklist td{ width: 50%}
span.showPlus { display:inline-block; vertical-align:bottom; padding:0; position: relative;}
span.selectAll { float:right; margin:.5em 0 0 0; }
@media screen and (max-width:1024px) {
.mobile body { min-width:320px; }
.mobile .filter ul { display:flex; }
.mobile .filter br { display:block; }
}
@media screen and (max-width:768px) {
.row { margin-bottom:0; }
/* .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 { width:100%; padding:0; float:none; } */
.search .pageContent .c5, .search .pageContent .c7 { float:none; }
.mobile .search .pageContent .c5 { float:left; }
}
@media screen and (max-width:640px) {
.mobile .filter ul { display:block; }
.mobile .filter li { float:none; }
.mobile .filter br { display:none; }
.search.mobile .pageTitle .searchInput { width:100%; }
.search.mobile .pageTitle .searchButton { left:auto; right:0; }
.search.mobile .pageTitle a.more { float:right; margin:1em 0 0 0; }
.search.mobile .searchFlyout { width:100%; }
.mobile .noPhone { display:none; }
}

/* order history */
.order-details table{
	width: 100%
}
.order-details td{
	padding-right: .5em;
}
.order-details h5{
	white-space: nowrap;
}
.order-details td.orderDetail{
	width:40%;
}
.order-details td.orderDetail h5{
	float: left;
}
.order-details td.orderDetail p{
	margin-left:6.5em;
}
.order-details td.shipTo, .order-details td.billTo{
	width:10%;
	text-align: right;
}
.order-details td.shippingDetail{
	width:20%;
}
.order-details td.billingDetail{
	width:20%;
}
/* end order history */



/* search Box */

.webcampaign .search, .webcampaign .webcampaignPreview div span.search{
	display: inline-block;
	border:1px solid #c0c0c0; 
	background:#fff; 
	border-radius:.2em; 
	margin:0;
}

.webcampaign .search.active, .webcampaign .webcampaignPreview div span.search.active{
	padding: inherit;
	border-color: #189;
}

.webcampaign .search input, .webcampaign .search input[type=text]:focus, .webcampaign .pageGroup .search input, .webcampaign .pageGroup .search input[type=text]:focus{ 
	border: none;
}

.webcampaign .search input, .webcampaign .pageGroup .search input{
	border: none;
	background: transparent;
	display: inline-block;
	vertical-align: middle;
}

.webcampaign .search input.searchButton{
	background: url("../images/iconFolder.png") no-repeat scroll 8px -394px;
	position: relative;
	top: inherit;
	height: 28px;
	width: 28px;
	cursor: pointer;
	padding: 0;
}

.webcampaign .webcampaignPreview .search input.searchInput{
	min-width: 200px;
}

.webcampaign .pagination .search input.searchInput{
	width: 150px;
}


/* end search Box */


label, input[type=checkbox], input[type=select], input[type=radio]{
	cursor: pointer;
	outline: 0;
}

input[type="text"], input[type="password"] {
-webkit-transition: border .2s;
transition: border .2s;
}

.webcampaign input[type=checkbox]:focus{
	outline: inherit;
}

.webcampaign input[type=text]:focus, .webcampaign input[type="password"]:focus, .webcampaign input[type="textarea"]:focus, .webcampaign textarea:focus, .webcampaign .invalid input[type=text]:focus, .webcampaign .invalid input[type="password"]:focus{
	border:1px solid #189;
	outline: 0;
}

input[type=checkbox]{
	position: relative;
	vertical-align: middle;
}

.webcampaign .formlist li{
	overflow: visible!important;
}

 .formlist .dropdown + ul{
 	margin: 0;
 	height:0;
 	overflow: hidden;
 	width: 20em;
 	background: #fff;
 	position: absolute;
 	z-index: 1;
 }

 .formlist .dropdown.active + ul{
 	margin: 0;
 	height:12em;
 	overflow: auto;
 	border: 1px solid #c0c0c0;
 	border-radius: .2em;
 }

 .profile .formlist .dropdown + ul li{
 	padding-left: .4em;
 	margin: 0;
 	line-height: 2.4em;
 	cursor: pointer;
 }


.dropdown, .dropdown:active, .dropdown:focus{
	border-radius: .2em;
	border: 1px solid #c0c0c0;
	display: inline-block;
	background: #fff;
	cursor: pointer;
	line-height: 1.4em;
	padding: 0;
	overflow: hidden;
	vertical-align: middle;
}

.dropdown.active, .webcampaign .invalid .dropdown.active{
	border-color: #189;
}

.webcampaign .dropdown input[type=checkbox]{
	position: relative;
	cursor: pointer;
	margin:0 0 0 .5em;
}

.dropdown select{
	border: none;
	outline: none;
	cursor: pointer;
	padding: .35em .35em .35em .1em; 
	margin: 0;
	width: 100%;
	text-overflow:ellipsis;
}

.lt-ie10 .dropdown select{
	padding: .4em .4em .4em .1em;
}

.dropdown select option{
	text-overflow:ellipsis;
}

.webcampaign .formlist.newsletters>li{
	list-style-type: none;
	background: none;
	padding-left: 9.5em;
	margin: 0 1em 1em 0;
	position: relative;
	vertical-align: middle;
	line-height: 1.5em;
}

.webcampaign .lt-ie10 .formlist.newsletters>li{
	padding-left: 10em;
}

.newsletters .dropdown{
	position: absolute;
	padding: 0; 
	margin-left: -9.5em; 
}

.lt-ie10 .newsletters .dropdown{
	margin-left: -10em;
	z-index: 1;
}

.formlist.newsletters label{
	display: inline;
	line-height: 1.5em;
	position: relative;
	margin: 0 .3em 0 0;
	vertical-align: middle;
}

.formlist.newsletters label:hover{
	cursor: default;
}

.newsletters select {
	width: 6.5em;
}

.lt-ie10 .newsletters .active select{
	width: auto;
}

.lt-ie10 .newsletters .expand select{
	width: auto;
}

.lt-ie10 .newsletters select{
	min-width: 6.5em;
}

.webcampaign label{
	display: inline-block;
	vertical-align: middle;
}

.webcampaign div.info{
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	position:relative;
	cursor: pointer;
}

.webcampaign .registerLogin div.info{
	top:inherit;
}

.webcampaign .login div.info{
	top:inherit;
}

.webcampaign .newsletters .info-2{
	margin: 1em 0 0 -9.5em;
}

.webcampaign .lt-ie10 .newsletters .info-2{
	margin: 1em 0 0 -10em;
}

.webcampaign .newsletters .info{
	margin: 0;
}


.webcampaign .info-2 {
	position: relative;
	width: 100%;
	z-index: 1;
	left:0;
	-webkit-transition: max-height .2s, padding .2s, border .2s;
	transition: max-height .2s, padding .2s, border .2s;
	overflow: hidden;
	display: block;
	max-height: 0px;
	padding: 0px;
	max-width: 500px;
}

.webcampaign .info-2 >div{
	padding:1em 1.8em 1em 1em;
	border: 1px solid #c0c0c0;
	border-radius: .3em;
	background: #fff;
	line-height: 1.4em;
}

.webcampaign .info-2.active  {
	max-height: 1200px;
	padding-bottom: 1px;
}

.webcampaign .info-2 div p:last-child{
	margin-bottom: 0;
}

.webcampaign .two-col{
	overflow: hidden;
	max-width: 960px;
}

.webcampaign .two-col>div{
	width: 50%;
	float: left;
	padding-right: 1em;
}

.webcampaign .formlist{
	padding: 0;
	margin: 0;
	border: 0;
}

.webcampaign .formlist>li, .webcampaign .formlist>div>li{
	list-style-type: none;
	background: none;
	padding: 0;
	margin: 0 0 1.2em 0;
	position: relative;
	overflow: visible;
	vertical-align: middle;
	line-height: 2.5em;
}

.webcampaign .formlist>li#newEmailSignupDiv{
	line-height: 1.4em;
}

.webcampaign .login .formlist>li{
	padding-left: 11em;
}

.webcampaign .login .formlist>li label{
	margin-left: -11em;
	position: absolute;
}


.webcampaign .login .formlist>li{
	padding-left: 12em;
}

.webcampaign .login .formlist li label{
	margin-left: -12em;
	position: absolute;
}

.webcampaign .profile .formlist>li, .webcampaign .profile .formlist>div>li{
	padding-left: 10em;
}

.webcampaign .profile .formlist>li label, .webcampaign .profile .formlist>div>li label{
	margin-left: -10em;
	position: absolute;
}

.webcampaign .profile .formlist>li label.radio{
	margin-left: inherit;
	position: inherit;
	margin-right: 1em;
}

/* extranets */
.extranets ul.formlist{
	border-radius: .3em;
	border: 1px solid #c0c0c0;
	padding: 1em;
	width:30%;
	min-width: 360px;
	margin-bottom: 2em;
	background: #fff;
}

.extranets ul.formlist .dropdown, .extranets ul.formlist input{
	width: 100%;
}

.extranets ul.formlist select{
	width: 100%;
}

.extranets .formlist li{
	padding-left: 6em;
}

.extranets .formlist li label{
	margin-left: -6em;
	position: absolute;
}
/* end extranets */

/* product alerts */
.productAlert .addAlert{
	border-radius: .3em;
	border: 1px solid #e0e0e0;
	padding: 1em;
	width:40%;
	min-width: 480px;
	margin-bottom: 2em;
	background: #fff;
}

.webcampaign ul.autoComplete{
	padding: 0;
	margin-top: -1px;
	position: absolute;
	display: none;
	overflow: auto;
	max-height: 14.7em;
	background:#FFFFFF;
    border: 1px solid #C0C0C0;
    border-radius: 0.2em;
    margin: 0;
    z-index:1001;

}

.webcampaign ul.autoComplete li{
	background-image: none;
}

.webcampaign ul.autoComplete.active{
	display: block;
}

.webcampaign ul.autoComplete li{
	padding: 0;
	margin: 0;
}

.webcampaign ul.autoComplete li{
	display: block;
	padding: 0 .4em ;
	margin: 0;
	line-height: 2em;
	border-bottom: 1px dotted #c0c0c0;
	cursor: pointer;
}

.webcampaign ul.autoComplete li:hover{
	background: #ebf5f7;
}

.webcampaign ul.autoComplete li:last-child{
	border: none;
}

.addAlert input[type=text]{
	position: relative;
	z-index: 1;
}

.addAlert input, .addAlert .autoComplete{
	width: 15em;
}

.addAlert hr{
	margin: 0 -1em;
	margin-bottom: 1.5em;
}

.addAlert .formlist>li{
	padding-left: 9em;
}

.addAlert .formlist>li label{
	margin-left: -9em;
	position: absolute;
}

.addAlert .btnC{
	position: absolute;
	margin-left: .5em;
}

.addAlert .btnD{
	position: absolute;
	margin-left: .5em;
}

/* end product alerts */

.info-email{
	padding: 10px;
	background: #fff;
	border-radius: .2em;
	border: 1px solid #c0c0c0;
	display: inline-block;
}

.webcampaign hr{
	margin: 3em 0;
	border: 0;
    border-bottom: 1px dotted #ccc;
}

.webcampaign .registerLong hr.short{
	width:280px;
	text-align: left;
}


.webcampaign .pageContent h3{ 
	margin: 0 0 1em 0
}


.captcha{
	background: #fff;
	border-radius: .3em;
	border: 1px solid #c0c0c0;
	display: inline-block;
	padding: .5em;
}

.captcha:focus{
	border-radius: .3em;
	border: 1px solid #189;
}

.captcha.active{
	border: 1px solid #189;
	display: inline-block;
}

.captcha div{
	background: #fff;
	border-radius: .2em;
	background: #777;
	display: inline-block;
	height: 2.5em;
	width: 2.5em;
	line-height: 2.5em;
	font-weight: 600;
	text-align: center;
	color: #fff;
	margin: .5em;
	cursor: pointer;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}

.captcha div:focus{
}

.captcha div:active{
	background: #d11;
}


.profile .comboBox, .profile ul .dropdown, .profile ul input[type=text], .profile ul input[type=password]{
	width: 70%;
	direction: ltr;
	vertical-align: middle;
}

.profile .dropdown{
	min-width: 70%;
}

.lt-ie10 .profile .dropdown.expand, .lt-ie10 .profile .dropdown.active{
	width: auto;
}


/* phone form items */
 ul.phone .dropdown.countryCode{
 	display: inline-block;
	width: 6.2em;
	min-width: 0;
	margin-right: .5em;
}
.registerLong .formlist.phone label{
	display: block;
	line-height: 2em;
}

 ul.phone li{
 	white-space: nowrap;
 }

 .lt-ie10 ul.phone .dropdown.countryCode{
 	position: absolute;
 	width: 6.2em;
 	min-width: 6.2em;
}


.lt-ie10 ul.phone .dropdown.countryCode.expand, .lt-ie10 ul.phone .dropdown.countryCode.active{
	width: auto;
}

ul.phone input[type=text].areaCode{
	width: 3.5em;
	margin-right: .5em;
}

.lt-ie10 ul.phone input[type=text].areaCode{
	margin-left: 6.7em;
}

ul.phone input[type=text].phone{
	width: 9.3em;
	margin-right: .5em;
}
/* /phone form items */

.profile .comboBox select, .profile .comboBox input{
	border: none;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

.profile .comboBox.dropdown{
	background-position: 25% center;
}

.profile ul.formlist{
	width: 30%;
	min-width: 540px;
}

.webcampaign ul input[type="text"].extension, .registerLong .formMiddle input[type=text].extension,  .profile ul input[type=text].extension {
	width: 6em;
}

ul.help li{
	margin-bottom: 2em;
}

ul.help p{
	margin-top: 1em;
}

ul.help input.demo{
	width:25%;
	min-width: 300px;
}

.webcampaign ul.results{
	list-style: none;
}

ul.results li{
	background: none;
	padding: 0;
	margin: 0 0 2em 0;
}

.button.lrg, .pageNav a.button.lrg{ padding: .75em 1.75em; line-height: 1.5em }


.button{padding: .55em 1em;}



/* sticky footer */
.webcampaign body {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	min-height: 100vh;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.webcampaign .pageGroup {
	-webkit-flex:1;
	flex: 1;
	-ms-flex: 1 0 auto;
	background: #d8ddea; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #f0f1f5 50%, #d8ddea 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,#f0f1f5), color-stop(100%,#d8ddea)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #f0f1f5 50%,#d8ddea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #f0f1f5 50%,#d8ddea 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #f0f1f5 50%,#d8ddea 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #f0f1f5 50%,#d8ddea 100%); /* W3C */
	background-attachment:fixed;
	overflow: auto;
}

/* end sticky footer */

/* validation */

.webcampaign div.error, .webcampaign div.success, .webcampaign ul.alert.alertfont{

	margin: 0 50px 1em 50px;
	padding: 1em 1em 1em 3em;
	background: #fff;
	border-radius: .3em;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	background: #d9f1f4;
	position: relative;
	width: 100%;
	width: 424px;
	float: left;
	color: #222;
}

.webcampaign div.eventTitle{
	padding: 0;
}

.webcampaign div.eventTitle h4{
	margin: 0;
	font-size:1.6em;
	color: #c0c0c0;
}

.webcampaign .event div.error, .webcampaign .event div.success, .webcampaign .event ul.alert.alertfont{
	margin: 40px 40px 0 40px;
	max-width: inherit;
}

.webcampaign .registerShort div.error, .webcampaign .registerShort div.success, .webcampaign .registerShort ul.alert.alertfont, .webcampaign .registerShort .errorMsg, .webcampaign .registerLong div.error, .webcampaign .registerLong div.success, .webcampaign .registerLong .errorMsg, .webcampaign div.eventTitle{
	width: 280px;
}

.webcampaign .registerShort .registerLogin div.error, .webcampaign .registerShort .registerLogin div.success, .webcampaign .registerShort .registerLogin ul.alert.alertfont, .webcampaign .registerShort .registerLogin .errorMsg, .webcampaign .registerLong .registerLogin ul.alert.alertfont{
	width: auto;
}

.webcampaign .errorMsg{
	display: block;
	max-width: 280px;
}


.webcampaign .lt-ie9 div.error, .webcampaign .lt-ie9 div.success, .webcampaign .lt-ie9 ul.alert.alertfont, .lt-ie9 div.eventTitle{
	border: 1px solid #9ed6df;
}

.webcampaign .navCollapsed .error {
margin-left: 4%;
}

.webcampaign div.success:after{
	position:absolute;
	left:1em;
	top: 1em; 
	background:url(../images/iconMyTI.png) no-repeat -30px -58px;
	background-image:url(../images/iconMyTI.svg), none;
	display: block;
	content: '';
	height: 20px;
	width:20px;
}


.webcampaign .error p, .webcampaign .success p{
margin: 0;
}

.webcampaign div.error:after, .webcampaign ul.alert.alertfont:after{
	position:absolute;
	left:1em;
	top: 1em; 
	background:url(../images/iconMyTI.png) no-repeat 0 -60px;
	background-image:url(../images/iconMyTI.svg), none;
	display: block;
	content: '';
	height: 20px;
	width:20px;
}

 .webcampaign ul.alert.alertfont, .webcampaign .registerLogin #displayError ul.alert.alertfont{
 	margin: -20px -20px .5em -20px;
 	width: 240px;
 	padding: 1em 1em 1em 3em;
 }

 .webcampaign ul.alert.alertfont li{
 	margin: 0;
 	padding: 0;
 	background-image: none;
 }


.formlist li.validation{
	display: block;
	height: 0;
	min-height: 0;
	margin: 0;
	-webkit-transition: all .2s;
	transition: all .2s;
	overflow: hidden;
	visibility: hidden;
	line-height: 1.5em;
}

.addAlert .formlist li.validation.error{
	margin: 0;
}

.formlist li.validation.success{
	color: #49b653;
	height: auto;
	min-height: 1em;
	margin: 0 0 1.6em 0;
	visibility: visible;
}

.formlist li.validation.error{
	color: #c00;
	height: auto;
	min-height: 1em;
	margin: 0 0 1.6em 0;
	visibility: visible;
}

.formlist li.invalid, .formlist li.valid {
	margin: 0 0 0.6em 0;
}



span.optional{
	color:#AAA;
	font-style: italic;
}

.event span.optional{
	position: absolute;
	top:1.4em;
	left:0;
}

.webcampaign .invalid input, .webcampaign .invalid .dropdown{
	border-color: #c00!important;
}

.webcampaign .validation.success{
	display: inline-block;
	background:url(../images/iconMyTI.png) no-repeat -30px -58px;
	background-image:url(../images/iconMyTI.svg), none;
	padding-left: 1.75em;
	min-height: 1.5em;
	vertical-align: middle;
}


/* end validation */

/* modal window styles */


.modalAlert-bg{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom:0;
	background: rgb(0, 0, 0);
	opacity: .60;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	z-index: 10002; /*just above header */
}

.modalAlert{
	z-index: 10003; /*just above modal-bg */
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom:0;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.modalAlert .modalWindow{
	background: #FFF;	
	width:40%;
	margin: 0 auto;
	min-width:320px;
	position: fixed;
	padding: 1em 3em 2em 3em;
	box-shadow: 2px 2px 2px #666;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	border-radius: .2em;
	overflow: hidden;
	border: solid 3px #c0c0c0;
	box-shadow: 0 0 10px #000;
}

.lt-ie10 .modalAlert .modalWindow{
	display: block;
	top: 50%;
	left: 50%;
	width:500px;
	margin-left: -250px;
}

.modalAlert .modalWindow .close{
	margin: -.5em -2.5em;
	position: absolute;
	color: #555!important;
	background:url(../images/iconCloseModal.png);
	background-image:url(../images/iconCloseModal.svg), none;
	width: 18px;
	height: 18px;
}

.modalAlert .modalWindow .close:active{
	background-position: 0 -100px
}

.modalAlert .modalWindow hr{
	margin: 1em 0;
	border: 0;
    border-bottom: 1px dotted #ccc;
    margin: 1em -3em 0em -3em;
}

.modalAlert .modalWindow .btnA, .modalAlert .modalWindow .btnC{
	float: left;
	margin: 1em 1em 0 0;
}

.modalAlert .modalWindow .btnA, .modalAlert .modalWindow .btnD{
	float: left;
	margin: 1em 1em 0 0;
}

.button.btnDisabledGray {
    background-color: #ccc;
}

.modalAlert .modalWindow .userInfo{
	float: left;
	margin: 1em 0 0 0;
}

/*mobile semi-friendly */	
@media only screen and (max-height : 550px){
	.modal{
		display: block;
		top:2em;
	}
}
/* end modal window styles */

.webcampaign label.required:after, .webcampaign p.required:after{
	content: '*';
	position:absolute;
	color: #c00;
	left:-.75em;
	top:0;
}

.webcampaign p.required{
	clear: both;
	position: relative;
}



footer{
	position: relative;
	z-index: 1;
	background: #fff;
}

.registerShort .formMiddle h1, .registerShort .formMiddle h2, .registerShort .formMiddle h3, .registerShort .formMiddle h4, .registerShort .formMiddle h5, .registerShort .formMiddle label, .registerLong .formMiddle h1, .registerLong .formMiddle h2, .registerLong .formMiddle h3, .registerLong .formMiddle h4, .registerLong .formMiddle h5, .registerLong .formMiddle label, .registerShort .formMiddle .info-2, .registerLong .formMiddle .info-2{
	color: #333;
}

.registerShort .formMiddle, .registerLong .formMiddle, .event .formMiddle{
	z-index: 1;
	width: 700px;
	overflow: hidden;
	color: #333;
	margin: 0;
	background: #fff;
	background: rgba(255,255,255,0.85);
	border-radius: .3em;
	border: #e0e0e0 solid 1px;
	position: relative;
}

.registerShort h2, .registerLong h2{
	margin-bottom: 0;
	white-space: nowrap;
	display: inline-block;
}

.registerShort .formMiddle .pageContent, .registerLong .formMiddle .pageContent, .event .formMiddle .pageContent {
	padding: 40px;
	width: 100%;
}

.event .formMiddle {
	margin-left: 40px;
	width:800px
}


.registerShort .formMiddle .pageTitle, .registerShort .formMiddle .siloTitle, .registerLong .formMiddle .pageTitle, .registerLong .formMiddle .siloTitle, .event .formMiddle .pageTitle{
	padding: 40px 0 0 40px;
	width: 100%;
}

.registerLong .optIn{
	background: none;
}

.optIn hr{
	margin: 0 -20px 20px -20px;
}
.optIn p{
	float: right;
	width: 80%
}

.registerShort .formMiddle .success, .registerShort .formMiddle .error, .registerLong .formMiddle .success, .registerLong .formMiddle .error, .registerLong .formMiddle .eventTitle{
	margin: 40px 40px 0 40px;
}


.registerShort .formMiddle .pageTitle h1, .registerLong .formMiddle .pageTitle h1{
	padding: 0; 
	margin: 0;
}
.registerShort .formlist p, .registerLong .formlist p{
	line-height: 1.5em;
}

.registerShort .registerLogin, .registerLong .registerLogin{
	display: inline-block;
	width: 280px;
	padding: 40px;
	background: #fff;
	background: rgba(255,255,255,0.85);
	border-radius: .3em;
	float: left;
	margin: 0 50px;
	border: 1px #e0e0e0 solid;
	position: relative;
	z-index: 2;
}

.registerShort .registerLogin .formlist, .registerLong .registerLogin .formlist{
	margin-top: 40px;
}


.registerShort .registerLogin .info-2, .registerLong .registerLogin .info-2{
	margin: .5em -20px;
	width: 240px;
}

.registerShort .registerLogin input[type=text], .registerShort .registerLogin input[type=password], .registerLong .registerLogin input[type=text], .registerLong .registerLogin input[type=password]{
	width: 100%;
}

.registerShort .formMiddle .formlist .wrapper, .registerLong .formMiddle .formlist .wrapper, .profile .formlist .wrapper{
	margin: 0 -20px 1em -20px;
	padding: 20px 20px 0 20px;
	border: 1px solid #c0c0c0;
	border-radius: .3em;
	overflow: hidden;
}

.profile .formlist .wrapper{
	overflow: visible;
}

.registerShort .formMiddle .formlist .wrapper.webench, .registerLong .formMiddle .formlist .wrapper.webench, .profile .formlist .wrapper.webench{
	margin: 0 0 1em 0;
}


.registerShort .formMiddle .formlist .wrapper +li, .registerLong.formMiddle .formlist .wrapper +li{
	margin-top: 1.2em;
}

.registerShort .formMiddle .info, .registerLong .formMiddle .info{
	top: 0em;
}

.registerShort .formMiddle label, .registerLong .formMiddle label{
	display: inline;
	line-height: 1.4em;
	display: inline;
}

/* shortform bg styles */

.webcampaign .pageGroup.registerShort, .webcampaign .pageGroup.registerLong{
	position: relative;
}

html.webcampaign.shortForm, html.webcampaign.longForm{
	background: none;
	min-width: 100%;
}

.webcampaign.shortForm .registerShort, .webcampaign.longForm .registerLong{
	background: url(../images/myTI_bgShortForm.jpg) -160px 0 no-repeat #81ced4;
	overflow: hidden;
}

.registerShort .formMiddle input[type=text], .registerShort .formMiddle input[type=date], .registerShort .formMiddle input[type=password], .registerShort .formMiddle .dropdown, .registerLong .formMiddle input[type=text], .registerLong .formMiddle input[type=date], .registerLong .formMiddle input[type=password], .registerLong .formMiddle .dropdown{
	width:280px;
}


.registerLong .formMiddle input[type=text], .registerLong .formMiddle input[type=date], .registerLong .formMiddle input[type=password], .registerLong .formMiddle .dropdown{
	width:280px;
}

.lt-ie10 .registerShort .dropdown.expand, .lt-ie10 .registerShort .dropdown.active{
	width: auto;
}

.webcampaign .ielt10only, .webcampaign .formMiddle .ielt10only{
	display: none;
}

.webcampaign .lt-ie10 .ielt10only, .webcampaign .lt-ie10 .formMiddle .ielt10only{
	display: block;
}

.webcampaign .lt-ie10 li.ielt10only{
	margin: 0 0 .25em 0;
}

.webcampaign .lt-ie10 label.ielt10only{
	display: block;
	padding-left: .4em;
}

.webcampaign .errorMsg p{
	color: #c00;
	margin: .5em 0 1em 0;
	padding: 0;
}

.webcampaign .e2ePosts .int{
	display: inline-block;
	background: #ffffb3;
	padding: 0 .2em;
	color: #555;
	font-weight: 600;
}

.webcampaign .e2ePosts .int:hover{
	color: #c00;
}

h4 strong {
	color: #189
}

.emailverify input{
	width:30%;
	max-width: 300px;
}

/* short form benefits */


#benefits{
	position: absolute;
	right: 40px;
	top:40px;
	float: left;
	background: no-repeat top left;
	background-image: url(../images/myTIGraphic-240.png);
	padding-top:110px;
	height: 200px;
	width:300px;
}

#benefits ul{
	margin-left: 2em;
}

#benefits li{
	list-style-type: disc;
	background: none;
	font-size: 1.95em;
	line-height: 1.2em;
	font-family: 'Roboto', arial;
	font-weight: 300;
	text-shadow:0 0 20px #fff;
	margin: 0 0 .75em 0;
	padding: 0;
	color: #c0c0c0;
}

@media only screen and (max-width : 1280px) {
	
	.registerShort .formMiddle,.registerLong .formMiddle{
		width: 600px;
	}

	#benefits{
		background: url(../images/myTIGraphic-180.png) no-repeat top left;
		width: 220px;
	}

	#benefits li{
		font-size: 1.4em;
	}
}

/* form tooltip */
.webcampaign .formtipbox{
	position: absolute; 
	left: 295px;
    max-width: 60%;  
    color: #FFF; 
    border-radius: .2em;
    box-shadow: 3px 3px 4px #CCCCCC;
    padding: .5em 1em;
    background: #189;
    z-index: 999;
    display: none;
    line-height: 1.5em;
}

.webcampaign .login .formlist .formtipbox p {
	line-height: 1.5em;
}

.webcampaign .profile .formtipbox{
	left: auto;
    width: 100%;
    margin-left: 1em;  
}

.webcampaign .event .profile .formtipbox{
    width: 50%; 
}

.webcampaign .login .formtipbox, .webcampaign .e2ePrefs .formtipbox{
	left: auto;
    margin-left: 1em;
    width:100%;
    max-width: 320px  
}

 .webcampaign .formtipbox p{
	margin:0;
}

.webcampaign .formtipbox:before{
	content: '';
	position: absolute;
	height: 17px;
	width: 8px;
	background: url(../images/formTooltipL.png); 
	left:-7px;
	top:50%;
	margin-top:-9px;
}

/* webcampaign homepage default info areas */
.webcampaignPreview .promo, .webcampaign .promo { border-radius: 0.3em; background: #fff; padding:1em; border:1px solid #E0E0E0; margin:0 0 1em 0 !important; min-height:50px !important; max-width: 700px; }
.webcampaignPreview .promo.chipicon h5, .webcampaign .promo.chipicon h5 { background:url("../images/icons/icon_m_chip_a.png") no-repeat top left; padding:.1em 0 0 2em; color:#fff; min-height:20px }
.webcampaignPreview .promo.boardicon h5, .webcampaign .promo.boardicon h5 { background:url("../images/icons/icon_m_board_a.png") no-repeat top left; padding:.05em 0 0 2em; color:#fff; min-height:20px }
.webcampaignPreview .promo.webenchicon h5, .webcampaign .promo.webenchicon h5 { background:url("../images/icons/icon_m_webench_a.png") no-repeat top left; padding:.1em 0 0 2em; color:#fff; min-height:20px }
.webcampaignPreview .promo.toolsicon h5, .webcampaign .promo.toolsicon h5 { background:url("../images/icons/icon_m_tools-software_a.png") no-repeat top left; padding:0em 0 0 2em; color:#fff; min-height:20px }
.webcampaignPreview .promo h5, .webcampaign .promo h5 { margin: 0 }
.webcampaignPreview .orderHistory p {margin-left:0}


/* E2E and Login pages */

.e2e .tblstandard.sort.e2ePosts tr td p { margin:0; }
.e2e .tblstandard.sort.e2ePosts  td .postThumbnail {
	display:inline-block; vertical-align: top; left: 0; top: 5px }
.e2e .tblstandard.sort.e2ePosts tr td div.postThumbnail {
	display:inline-block; left: 0; top: 0; min-height: 20px; width: 20px; margin: 0 .3em 0 0; padding:0; line-height:1.2em; }

.webcampaign .e2ePosts table{
	table-layout: fixed;
	width: 100%;
}

.webcampaign .e2ePosts td{
	overflow: hidden;
	text-overflow:ellipsis;
}

.webcampaign .e2ePosts th:nth-child(1){
	width:50%
}

.webcampaign .e2ePosts th:nth-child(2){
	width:40%
}
.webcampaign .e2ePosts th:nth-child(3){
	width:10%
}

.e2e td p{
	margin:0;
}

.e2e div.postThumbnail{
	float: left;
	margin-right: .5em;
}

.e2e div.postThumbnail{width:1em; height: 1em; display: inline-block; padding-left: 1.3em;}
.e2e div.postThumbnail.forDiscussion { display:none; }
.e2e div.postThumbnail.notAnswered{padding-left: 0;}
.e2e div.postThumbnail.suggestedAnswer{background: url(../images/iconMyTIE2EPostsSprite.png) no-repeat 0 -97px;;}
.e2e div.postThumbnail.verifiedAnswer{background: url(../images/iconMyTIE2EPostsSprite.png) no-repeat 0 3px}

.e2e div.postThumbnail:after{color: #aaa; display: inline-block;}
.e2e div.postThumbnail.notAnswered:after {content: 'Not\00a0 answered';} 
.e2e div.postThumbnail.suggestedAnswer:after { content: 'Answered';}
.e2e div.postThumbnail.verifiedAnswer:after {content: 'Answered';}

.e2ePrefs ul.formlist{ margin-left: 19em; width:30%; min-width: 420px; }
.e2ePrefs .formlist li .button { margin-left: -19em;}
.e2ePrefs .formlist li, .e2ePrefs .formlist li { margin-left: 0;}
.e2ePrefs .formlist h4 { margin-left: -19em }
.e2eEmailPrefs .formlist h4 { margin-top:1em}
.e2ePrefs .formlist li label.radio { margin-left: inherit; position: inherit; margin-right: .25em }
.e2ePrefs .formlist li label { margin-left: -19em; position: absolute; }
.e2ePrefs .dropdown, .e2ePrefs input[type=text], .e2ePrefs input[type=password], .e2ePrefs input[type=textarea], .e2ePrefs textarea{ width: 70%; }
.e2ePrefs ul.formlist .dropdown { margin-left:0 }

/*.e2ePrefs .formlist li input[type=checkbox] { position:absolute; left:-1.3em; top:.6em; margin-left:0 !important }*/
.e2ePrefs div.short { margin: 1.5em 0 }
.e2ePrefs .short li { margin-bottom: .3em;}
.e2ePrefs .short h4 { margin-bottom: .3em;}
.e2ePrefs .formlist li.checkbox { margin-left: -19em; }
.e2ePrefs .formlist li.checkbox label, .e2eEmailPrefs .formlist li.checkbox label { left: 0 !important; margin-left: 1.4em }
.e2ePrefs .formlist li .deemphasize { color:#999; font-size:.8em; line-height:1.4em; padding-top:2.6em !important; margin-left: -23.8em; width:16em }


.e2eEmailPrefs .formlist li { list-style-type: none;}
.e2eEmailPrefs .formlist li{ list-style-type: none; background: none; padding: 0; margin: 0 0 .5em 0; position: relative; }
.e2eEmailPrefs .dropdown select{ width: auto; }
.e2eEmailPrefs div.short { margin: 1.5em 0 }
.e2eEmailPrefs li .inputdescription { margin-top: -.4em; margin-left: 1.2em;}
.e2eEmailPrefs .lt-ie10 .inputdescription {  margin-left: 1.7em !important; }
.e2eEmailPrefs li .inputdescription2 { margin-bottom: -.4em;}
.e2eEmailPrefs .formlist li .dropdown { position: absolute; margin-left: 19em; }
.webcampaign .e2eEmailPrefs .formlist .indent label { line-height:2.4em}

.login.level1 label{cursor: default;}
.login .formlist li input[type=checkbox].adjacent { margin:.7em .4em 0 .8em }
.login .formlist li .checkbox { margin-left: 0em; }
.login .formlist li label.checkbox, .login .formlist li #remember2 { margin-left: 0; position: relative; padding-left: 0;  }

.profile .formlist li.checkbox { margin-left: -10em; width:120%; }
.profile .formlist li.checkbox label { position: relative; margin: 0; }

.e2ePrefs .indent, .e2eEmailPrefs .indent{ padding-left:1.3em !important; }

.e2ePrefs .formlist li input .radio { margin:0; padding:0}



/* Areas of interest*/
form[name=areasOfInterest] table{
	width: 100%;
	max-width: 800px;
}

form[name=areasOfInterest] td{
	vertical-align: top;
	width:50%;
}

.e2e form .search { position: relative; }
.e2e form span { margin: 0; }
.e2e ul { margin-left:0; padding-left: 0 }
.e2e .noBullet li { background: none; padding-left:0; font-size:.9em }

p.socialDetails {line-height:1.6em; margin:0 0 2em 0; font-style: italic; }

.webcampaignPreview .c4.e2e .tblstandard tbody tr .textContent p { margin-bottom:1em}
.webcampaignPreview .c4.e2e .tblstandard tbody tr .textContent h4 { margin-bottom:1em}
.webcampaignPreview .c4.e2e .tblstandard tbody tr .textContent .two-col .col-1 { width:55%}
.webcampaignPreview .c4.e2e .tblstandard tbody tr .textContent .two-col .col-2 { width:45%}
.webcampaignPreview .e2e tr .textContent img { width:100%; max-width:268px; max-height: 48px; margin:0 0 .5em 0 }
.webcampaignPreview .e2e .tblstandard tbody tr .textContent hr { margin: 1.5em 0; }

.webcampaignPreview .textContent, .webcampaign .textContent { padding: 1.5em 1em !important; }

.webcampaignPreview .e2ePost h3 { min-width:280px }

.e2ePrefs .formlist li.checkbox label  { position:relative; margin-left: 0 }

.webcampaign  input[type=radio],.webcampaign input[type=checkbox]{
	margin: 0 .25em 0 0.5em;
}

.webcampaign
.pagination { margin:1em 0; }
.webcampaign .optIn hr { clear:both }

.webcampaign #noResult.pagination { width:100%; text-align:left }
.webcampaign #noResult.pagination #noResult.search { margin-left:0 }

label#newEmailSignup{
	vertical-align: top;
	display: inline-block;
}

.webcampaign .disclaimer{
	margin: 1em 0 0 0
}


/* Mobile styles */
@media only screen and (max-width : 1024px) {
	.mobile .registerShort .registerLogin, .mobile .registerLong .registerLogin, .mobile .event .registerLogin{
		margin: 0 5%;
		width: 90%;
		float: none;
		height: 400px;
		border-bottom: none;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		padding-bottom: 0;
		z-index: inherit;
	}

	.mobile .registerShort .formMiddle, .mobile .registerLong .formMiddle, .mobile .event .formMiddle, .webcampaign.mobile#disclaimerInfo{
		margin: 0 5%;
		width: 90%;
		float: none;
		border:1px #e0e0e0 solid;
		border-top: none;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		overflow: visible;
		border-bottom-right-radius: .2em;
		border-bottom-left-radius: .2em;
	}
	
	.mobile .registerShort .pageContent, .mobile .registerLong .pageContent, .mobile .event .pageContent{
		float: none;
	}
	.mobile .registerShort .registerLogin .formlist, .mobile .registerLong .registerLogin .formlist, .mobile .event .registerLogin .formlist{
		max-width: 280px;
	}

	.mobile #benefits{
		width: 39vw;
		right: inherit;
		left: 360px;
		top:-360px;
		padding-top: 120px;
		background: url(../images/myTIGraphic-240.png) no-repeat top left;
	}

	.mobile #benefits li{
	font-size: 2.8vw;
	}

	.mobile .registerShort .formMiddle .pageTitle, .mobile .registerLong .formMiddle .pageTitle, .mobile .event .formMiddle .pageTitle{
		padding-top: 0;
		margin-bottom: 40px;
	}

	.mobile .row { display:block;}

	.mobile .c4 {
		width:100%;
		padding: 0;
		margin-bottom: 50px;
	}
	.mobile.webcampaign div.eventTitle{
		margin: 0 40px 40px 40px;
	}
	
	.mobile.webcampaign .lt-ie10 div.eventTitle{
		border: none;
	}

}

@media only screen and (max-width : 1024px) and (orientation : portrait){
	.webcampaign.mobile .pageNav{
		position: absolute;
		min-width: 280px;
	}
	.webcampaign.mobile .pageContent, .webcampaign.mobile #disclaimerInfo {width: 100%}
}


@media only screen and (max-width : 740px) {
	.mobile #benefits{
		left: 335px;
		background: url(../images/myTIGraphic-180.png) no-repeat top left;
		padding-top: 90px;
	}
	.mobile #benefits li{
		font-size: 2.4vw;
	}

}