/* /templates/vzbar/style.css Wed, 14 Oct 2015 14:17:15 GMT */ body,p,td { font-family:arial,helvetica,sans-serif; font-size:12px; color:#000; } body { background: #ffffff; margin: 0; width: 100%; border-collapse: collapse;} /* Layout */ #header { width: 1000px; margin: 0 auto;} #topsearch { clear: right; float: right; margin: 4px 6px; } #topnav { background: #f00 url('/templates/vzbar/redbar.gif') repeat-x top; width: 100%; height: 36px; } #wrapper { position: relative; max-width: 1280px; width: 100%; min-height: 360px; margin: 0 auto; } #page { min-width: 1002px; min-height:400px; background: #fff repeat-x bottom; } #left { float: left; width: 180px; padding-left: 2px; border-right: solid 1px #ccc; overflow:hidden; } #content { float: none; width: 100%; max-width: 1280px; margin: 0 auto; word-wrap: break-word; } #contentl { float: left; width: 810px; } #contentlr { float: left; width: 630px !important; overflow: hidden; word-wrap: break-word;} #contentr { float: left; width: 806px; } #contentn { float: left; width: 766px; } #right { float: right; width: 188px; border-left: solid 1px #ccc; font-size: 11px; } #right div { float: none; } #below { clear: right; } #below.wide { clear: both; margin: 6px auto; } #vbottom { clear: both; margin: 6px 156px 6px 160px;} .only-xg, .only-ar, .only-at, .only-au, .only-be, .only-br, .only-ca, .only-ch, .only-cl, .only-cn, .only-co, .only-de, .only-dk, .only-es, .only-fi, .only-fr, .only-gb, .only-hk, .only-ie, .only-in, .only-it, .only-jp, .only-kr, .only-lu, .only-mx, .only-my, .only-nl, .only-no, .only-nz, .only-pa, .only-ph, .only-pt, .only-se, .only-sg, .only-th, .only-tw, .only-us, .only-ve { display: none; } div.tab { display: none; } div.content { margin: 0 6px; border-left: solid 1px #ccc; border-right: solid 1px #ccc; position: relative;} #right tt { display: none; } #right .content { border: none; } #right td,#right p { font-size: 11px; } #header.popup,#header.border { width: 100%; margin: 0; height: auto; min-height:24px;} #wrapper.popup { width: auto; margin: 0; background: none; max-width: none;} #wrapper.popup #content { float: none; width: auto; clear:right; max-width: none;} #wrapper.border { border: solid 2px #ccc; } /* defaults */ span.body { color: #000; text-decoration:none; font-weight: normal; } img { border: none; } a:link { text-decoration: underline; color: #06c; } a:visited { color: #06c; } a:hover { text-decoration: underline; } a:active { outline: none; } p,h1,h2,h3,h4,h5,dl,table,pre,div.sechead { margin: 2px 2px 6px 24px; } p,h3 { margin-right: 18px; } h1 { font-size: 20px; padding-top: 4px; clear: left; color: #b00; } h2 { font-size: 16px; padding-top: 6px; margin-top: 0; color: #b00; } h3 { font-size: 14px; margin-top: 6px;} h4 { font-size: 12px; margin-bottom: 4px; } h5 { font-size: 12px; margin-bottom: 2px; color: #333; } #header h1 { float: left; clear:none; color: #666; margin: 6px 0 2px 24px; } h1.pr, h2.pr { color: #000; float:none; } h2.tight { padding-top: 0; } h3.subtitle { font-size: 12px; text-transform: none; font-weight: normal; margin-top: -9px; } h3.portfolio { background: #666; color: #fff; margin: 24px 0 0 0; padding: 4px 24px;} h3.underline,h4.underline { border-bottom: solid 1px #ccc; margin-right: 12px;} h4.bar { padding: 6px 20px; margin-bottom: 0; background: #ddd; color: #b00; } h1.pr span.red { display: block; } h2 a, h3 a, h4 a, h2 a:link, h3 a:link, h4 a:link { text-decoration:none; } p.subtitle { font-size: 11px; margin-top: -8px; padding-bottom: 2px; } ul,ol { padding:0 10px 0 15px;margin:0 0 20px 12px; } td ul { padding-right: 2px; } ol { margin-left: 20px; } dl { margin-bottom: 12px; } dd { margin-bottom: 4px; } ul ul, ol ul, ol ol, ul ol { margin-bottom: 4px; } ul.indent,ol.indent,.indent { margin-left: 32px !important; margin-right: 12px;} .farindent { margin-left: 48px; margin-right: 12px;} .hugeindent { margin-left: 120px; } ul.flush { padding: 0;} ul.arrow { padding-left: 0;} ul.arrow li,li.arrow { display: block; list-style-type: none; padding-left: 16px; background: url('/gfx/icons/arrow.gif') no-repeat 2px 1px; } li.backarrow { display: block; list-style-type: none; padding-left: 16px; background: url('/gfx/icons/back.gif') no-repeat 0px 1px; } li.uparrow { display: block; list-style-type: none; padding-left: 16px; background: url('/gfx/icons/up.gif') no-repeat 0px 1px; } ul.redarrow li,li.redarrow { display: block; list-style-type:none; padding-left: 12px; background: url('/templates/vzbar/nav.gif') no-repeat 0px 2px; } ul.blank { margin:0; padding-left: 0; padding-right: 2px; list-style-type:none; } ul.blank li { padding-bottom: 3px; list-style-type:none; display: block; background:none;} #box ul ul li, ul.grey li, li.grey { color: #666; list-style-image: none; background: none; list-style-type: square; } li span,ul.grey li span, li.grey span,#box ui ul li span { color: #666; } ul.plain li { list-style: none !important; background: none !important; padding-left: 0 !important} li { padding-bottom: 3px; } ul>li { padding-bottom: 5px; } ul ul li { padding-bottom: 0; padding-top: 3px; } table { border-collapse: collapse; } td,th { vertical-align: top; } td table,th table,table.flush { margin: 0; padding: 0;} hr { margin: 6px; height: 1px; border: none; border-top: solid 1px #ccc; } form { margin: 0; } input,select { font-size: 11px;} option.select { background: #eee; border-bottom: solid 1px #666; text-align: center; } p.footnote { margin-top: 18px; clear: both;} p.news a { text-decoration: none; } p.center { margin: 2px auto; } .underline { border-bottom: solid 1px #ccc; margin-bottom: 6px;} .dashunder { border-bottom: dashed 1px #ccc; margin-bottom: 6px;} .noul,.noul:link { text-decoration: none; } .caps { text-transform: uppercase; } .bold { font-weight: bold !important; } embed,object { display: block; z-index:1;} u.x { display: none; } b>u.x { display: inline; text-decoration:none; } .small, .small td { font-size: 10px; line-height: normal;} .tiny, .tiny td { font-size: 9px; line-height: normal;} .big { font-size: 13px !important; } .grey,.grey:link,.grey:visited { color: #666; } .grey a,.grey a:link { color: #333; } .red,.red:link,.red:visited,.red a,.red a:link,.red a:visited { color: #b00; } .black,.black:link,.black:visited { color: #000; } .black a,.black a:link { color: #000; } .white,.white:visited,.white a,.white a:link,.white a:visited { color: #e11; } .blue { color: #09c; } .green { color: #cc0; } .pink { color: #c06; } .orange { color: #f90; } .shaded { background-color: #eee; } .bigborder { border: solid 6px #eee; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} .absolute { position: absolute; } a.link,a.link:link { text-decoration: none; } a.link:after { color:#2f68ad; padding-left: 6px; } /* header */ #header img.logo { float: left; margin: 6px 0;} #header br { clear: both; line-height: 1px; height: 1px; } #toplinks { float: right; text-align: right; width: auto; padding: 0; margin: 0 6px 2px 0; font-size: 11px; line-height: 12px; color: #666; } #toplinks li.t { display: block; float:left; list-style: none; padding: 6px 12px; margin: 0; background: url('/templates/vzbcann/headerbtn.gif') no-repeat center top; border-right: solid 1px #ddd; font-weight: bold;} #toplinks li.p { display: block; float:left; list-style: none; padding: 6px 12px; margin: 0; position: relative;} #toplinks li.p a { font-weight: normal;} #toplinks li.left { background-position: left top; } #toplinks li.right { background-position: right top; border:none; } #toplinks a { color: #666; text-decoration: none; } #toplinks a:hover { color: #000; } #langselect { clear: right; float: right; text-align: right; width: 300px; padding: 0; margin: 0 6px; font-size: 11px; line-height: 12px; color: #666; } #langselect li { display: inline; list-style: none; padding: 2px; } #changecountry a { display: block; padding-bottom: 4px; } #changecountry.on #countryselector, #countryselector.on { display: block; visibility: visible; z-index: 9; height:auto;} #countryselector { display: none; visibility: hidden; width: 400px; height: auto; clear:right;position: absolute; z-index:10; text-align: left; padding: 0 6px; right:6px; margin-left: -64px; margin-top: -16px; background: #eef1f9; border: solid 1px #ccc; font-size:11px;} #xcountryselector ul.countries { border: solid 1px #ccc; padding: 0; margin: 2px 6px; width: 142px; height: 160px; overflow: scroll; background: #fff;} #xcountryselector ul.countries li { display: block; list-style: none; padding: 0; margin: 0; border-bottom: dotted 1px #eee;} #xcountryselector ul.countries li a { display: block; background: #fff; color: #333; padding: 3px 12px 2px; width: 100px; text-decoration: none;} #xcountryselector a.more { color: #069; font-weight:normal; } #xcountryselector ul.countries li.top { border-bottom: solid 1px #999; } #xcountryselector ul.countries li a:hover { background: #eee; } #xcountryselector ul a { color: #069; display: inline; white-space: nowrap; font-weight:normal;} #countryselector h4 { padding-top: 4px; margin-bottom: 4px; font-size: 11px; } #countryselector h3 { margin: 4px 6px; clear:none; color: #333; font-size: 20px; padding: 0 0 2px; border-bottom: solid 1px #ccc;} #countryselector:after { display: block; content:" "; height: 0px; clear: left; } #countryselector ul { float: left; width: 25%; margin: 0 0 6px; padding:0; } #countryselector ul li { float: none; list-style: none; padding:0 0 0 6px; font-size: 12px; } #countryselector ul li a { color: #333; text-decoration: none; padding:3px 0; display: block;} #countryselector ul a:hover { color: #06c; text-decoration: underline; border: none;} #countryselector ul a.blue { color: #06c !important} #search { margin: 6px 0 0 0; width: 300px; text-align:right; clear: right; float: right; display: block; } #search form { margin: 0;} #search table { float: right; } #search input.q { font-size: 12px; width: 125px; color: #555; margin-left: 12px; } #topnav { clear: right; } #topnav a:link,#topnav a:visited { color: #fff; } .vzb2013 #topnav a:link,.vzb2013 #topnav a:visited { color: #666; } #topnav table { width: 1000px; padding: 0; margin: 0 auto; border: none; border-collapse: collapse; border-left: solid 1px #f66; height: 35px; background: #f00 url('/templates/vzbar/redbar.gif') repeat-x top;} #topnav td { padding: 0; margin: 0; border-right: solid 1px #f66; min-width: 120px; position: relative;} #topnav a { font-weight: bold; text-decoration:none; border: none; font-size: 13px; line-height: 35px; height: 35px; color: #fff; display: block; padding: 0 12px; margin: 0;} #topnav td:hover { background: #b40000; } #topnav a:hover, #topnav td:hover a.main { text-decoration: none; color:#fff; background: #b40000; } .vzb2013 #topnav a { color: #666; } .vzb2013 #topnav td:hover { background: #ec1c24; } .vzb2013 #topnav a:hover, .vzb2013 #topnav td:hover a.main { background:#ec1c24; } #topnav ul { margin: 0; padding: 0 0 4px 0; position: absolute; z-index:9; border:none; background: #000;} #topnav li { clear:left; margin: 0; padding: 0; display: block; list-style: none; background: #000; width: 176px; border: solid 1px #000; border-top: solid 1px #333;} #topnav li:hover { background-color: #666; } #topnav li a,#topnav li a span { display: block; font-size: 11px; height: auto; line-height: 12px; padding: 4px 8px; color: #fff; } #topnav li a:hover { text-decoration: none; background: #666; } #topnav ul.one { display: block; visibility: hidden; } #topnav td:hover ul.one { visibility: visible; } #topnav ul.two { visibility: hidden; padding: 4px 0; margin: -20px 0 0 0; left:176px; background: #666;} #xtopnav td.col6 { width: 180px; } #topnav td.col6 ul.two { left: -176px; } #topnav ul.two li { height: auto; background: #666; width: 176px; border: solid 1px #666; border-top: solid 1px #000;} #topnav ul.two li a { float: none; margin:0;} #topnav ul.two li a:hover { text-decoration: underline; } #topnav li:hover ul.two { visibility: visible; } #topnav ul.more { left: 354px !important; border-left: solid 1px #000; } #topnav li.line1,#topnav ul.two li.line1,#topnav ul.two li:first-child { border-top:none; } #topnav br { display: none; margin: 0; height: 1px; line-height:1px; font-size:1px; clear: left; } #topnav .Tsign-in { display: none; } ul#crumbs { display:block;margin: 0 6px; padding: 2px 6px; list-style: none; font-size: 11px; color: #999;} ul#crumbs li { padding: 0; margin: 0; display: inline; } ul#crumbs li.end { line-height: 1px; clear: left; float: none; display: inline; } ul#crumbs a { text-decoration: none; } ul#crumbs a:hover { text-decoration: underline; } #left a { color: #333; text-decoration: none; display: block; } #left ul { margin: 0; padding: 0 2px 0 6px; list-style-type: none; font-size: 12px;} #left ul ul { font-size: 11px; margin-bottom: 3px; padding: 0; } #left ul ul ul ul ul { font-size: 10px; } #left ul li { margin-bottom: 0; } #left li { display: block; list-style-type:none; border-bottom:solid 1px #eee; margin: 0; padding: 1px 0 0 0; background: url('/templates/vzbar/nav2.gif') no-repeat left 4px; } #left li.open a { color: #333; } #left li.active a { color: #333; } #left li.active>a { font-weight: bold; } #left li.selected a { color: #f00; } #left li.selected ul a { color: #333; } #left li.deepest { border-bottom: solid 1px #eee;} #left li.open { background-image: url('/templates/vzbar/navopen.gif') !important } #left li.noparent { background-image: none !important } #left li.l0 { padding: 6px 0; background-image: url('/templates/vzbar/nav.gif'); background-position: left 6px; font-weight: bold;} #left li.l0 a { padding-left: 12px; } #left li.l1 { background-position: 6px 2px; } #left li.l1 a { padding-left: 18px; padding-bottom: 1px; font-weight: normal;} #left li.l2 { background-position: 12px 2px; } #left li.l2 a { padding-left: 24px; } #left li.l3 { background-position: 18px 2px; } #left li.l3 a { padding-left: 30px; } #left li.l4 { background-position: 24px 2px; } #left li.l4 a { padding-left: 36px; } #left li.l5 { background-position: 30px 2px; } #left li.l5 a { padding-left: 42px; } #left li.l6 { background-position: 36px 2px; } #left li.l6 a { padding-left: 48px; } #left li.l7 { background-position: 42px 2px; } #left li.l7 a { padding-left: 54px; } #left li.hide { display: none; } #left li.hide a, #left li.hideon a { color: #666; } #left li.more { list-style: none; background-image: url('/templates/vzbar/plus.gif'); } #left li.more a,#left li.moreon a { font-style: italic; color: #666; margin: 0;} #left li.moreon { list-style: none; background-image: url('/templates/vzbar/plus.gif'); background-color: #eee; } #left a:hover { text-decoration:underline; } #left div.tag { display: none; } #right .content { border: none; } #right tt { display: none; } #right td,#right p { font-size: 11px; } #right h4,#right h5 { font-size:11px; margin-left: 12px} #right h4 { text-transform: uppercase; } #right h3 { margin: 6px 2px 2px 12px; padding: 0; } #right p { margin-left: 12px; } #right #box { margin-left: 5px; } #aimsChatIcon2 img { display: block; margin: 6px 0 0 6px; } #tabs, div.tabs { margin: 6px 6px 0 6px; background: #999 url('/templates/vzbar/corner.gif') no-repeat right top; font-size: 11px; font-weight: bold; } #tabs div.br, div.tabs div.br { clear:left; border-bottom: solid 1px #f00; background: #f00; height: 1px; line-height: 1px; font-size: 1px;} #tabs ul, div.tabs ul { margin: 0; padding: 0; height: 20px; background: url('/templates/vzbar/corner-left.gif') no-repeat left top; overflow: visible;} #tabs li, div.tabs li { float: left; padding: 0; margin: 0; list-style:none; display: block; border-bottom: solid 1px #888; border-right: solid 1px #666;} #tabs li.selected, div.tabs li.selected { background: #f00 url('/templates/vzbar/corner-left.gif') no-repeat left top; border-color: #f00; border-right: none; margin-top: -5px; overflow:visible;} #tabs a, div.tabs a, #tabs a span { color: #fff; display: block; padding: 4px 6px 4px 8px; line-height: 12px; text-decoration: none;} #tabs li.selected a, div.tabs li.selected a { color: #fff; font-size: 11px; background: url('/templates/vzbar/corner.gif') no-repeat right top; padding-top: 9px;} #tabs li.disabled a { color: #ccc; } #tabs a:hover,div.tabs a:hover { text-decoration: underline; } #pagefooter { padding-top: 48px; background: #fff;} #footer {} #footer.popup { width: 100%; border-top: solid 1px #ccc; } #footer.border { width: 100%; } #footer li { display: block; list-style: none; } #footer .bottom ul { margin: 0; padding: 6px; clear:both; list-style:none; margin: 0 auto; text-align:center;} #footer .bottom li { font-family: Arial; color: #333333; font-size: 11px;float: none; list-style-type: none; display: inline; margin-right: 6px;} #footer p { float: right; text-align: right; padding: 6px; font-family: Arial; color: #333333; font-size: 11px; font-weight:bold;} #footer p.copyright { float: left; text-align: left; padding: 6px; font-family: Arial; color: #333333; font-size: 11px; font-weight:bold; } #footer .hostinfo { color: #ccc; font-size: 8px; font-style:italic; font-weight: lighter; position: absolute; top:0; right:0; text-align:right;} #footer .bottom { clear:both; border-top: solid 1px #ccc; padding: 6px 0; margin: 0 24px; position: relative; width: auto;} #footer .socialsites { display: block;float:right; margin-right: 24px;} #footer .socialsites p { text-align: left; margin:0 6px; font-family: Arial; color: #333333; font-size: 11px; font-weight:bold;} .socialsites a.icon { margin: 1px; display: block; float:left; width: 24px; height: 24px; background: url('/gfx/icons/share_sprite24.png') no-repeat; } .socialsites a.facebook { background-position: 0px 0px; } .socialsites a.linkedin { background-position: -32px 0; } .socialsites a.twitter { background-position: -64px 0; } .socialsites a.youtube { background-position: -96px 0; } .ctry-cn .socialsites a.youtube { display: none; } .socialsites a.blog { background-position: -128px 0; width: 32px; margin-right: 8px;} .socialsites a.weibo { background-position: -197px 0;} .socialsites a.renren { background-position: -161px 0;} .socialsites a.qq { background-position: -229px 0;} .socialsites a.slideshare { background-position: -261px 0; } #socialsitesphrase { float:left; } #socialsitesicons { float:left; } .addthis_toolbox .vertical { width: 136px; padding: 0px 0 0px 0; border: 3px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .addthis_toolbox .vertical a { width: 102px; padding: 4px 0 4px 34px; position: relative; display: block; } .addthis_toolbox .vertical span { position: absolute; left: 14px; top: 4px; } .addthis_toolbox .vertical .more { border-top: solid 1px #eee; padding: 10px 0 0 0; margin: 0px 0px 0px 0px; text-align: center; } .addthis_toolbox .vertical .more a { padding: 4px 0; margin: 0; } .addthis_toolbox .vertical .more span { display: none;} .share8 { position: absolute; top:12px; right: 8px; min-width: 132px;} .share8 a, .smallshare a { float:left; display: block; width: 30px; line-height: 30px; font-size: 14px; color: #666; text-decoration:none !important; text-align: center;} .share8 a.addthis_button_linkedin, .smallshare a.linkedin { border: none; } .share8>span, .smallshare>span { float:left; line-height: 20px; color: #999;} .share8 .addthis_button_facebook, .smallshare a.facebook { background-image: url(data:image/gif;base64,R0lGODlhCgAQAMIHAHByb4CCf5eZlqutqsDCv9PV0ufp5f///yH5BAEKAAcALAAAAAAKABAAAAM1eKpGVEsJAIKIowoxonbQUnWRUViDoR5EhW5diw4DdxQcNxB7xBGRBSqoGBKNQWREudgBFwkAOw==);} .share8 .addthis_button_linkedin, .smallshare a.linkedin { background-image: url(data:image/gif;base64,R0lGODlhDgAOAMIHAHV3dISGg5eZlrGzsMLEwdvd2u7w7f///yH5BAEKAAcALAAAAAAOAA4AAANLaDPX/mcAwOCTodpmCNlPRxiiURhPAQSFOgVr0ahsEQRCLgSoKrS4QSf3sf0KOdmBeDC2kg1cEff8RQXTI/QgbVKRVi62mUQOlMwEADs=); } .share8 .addthis_button_twitter, .smallshare a.twitter { background-image: url(data:image/gif;base64,R0lGODlhDgAOAMIHAG5wbYeJhpmbmK2vrL7AvdfZ1u3v7P///yH5BAEKAAcALAAAAAAOAA4AAANAeLprXEwNAAIRJ4RXdRCGUBGSJpxQ4X3CN7xOe87C+ypqbe8kru8viILgAvYWBSCsUbjwHEiRiyCMKAxQq3abAAA7); } .share8 .chat { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXCAYAAAAYyi9XAAAA7UlEQVR42t3UIQvCQBjG8St3yIoY7GIwWBSjzWwxihpmWdFPYPJrGI1iEMwqYrPJvoDVoqjF5vmEC+NF8G53J+LBf4y9sN9tsDHdFUVRGcVIpuyI6ibgLg1EURPwYg0iE/D692AHhW8aoIURiBOBCinKJzY00gJxaFq+rjniSKC7DnhC0rKeespYB5QOGivw8Gvg7ZvgEw1dgw3UQnsyn6Eiw3IGkm82i7aJeahGbkGCBmij5jWfIEVXKPAJUpTTC2cHYN/kp9xGDwtsjTLaoEJzaEJutETVD5VMHIp2CSaYzwWgQjHfoEBTxH06L1rYkVm0rprnAAAAAElFTkSuQmCC) no-repeat center 1px; padding: 0; width: auto; } .share8 .email { background: url(data:image/gif;base64,R0lGODdhHgAUAPU7AO/v7+7u7uzs7GdnZ+Dg4Gtra3V1dW9vb8/Pz6ampo2NjYyMjOTk5JeXl5mZmXd3d+3t7efn54aGhubm5tjY2H5+fn19fYKCgoODg3FxcbOzs9vb22lpadPT06Kiopubm52dnZCQkHt7e6+vr5GRkW5ubtXV1aioqHp6erm5ucXFxbu7u7S0tMPDw9fX18zMzN3d3cHBwcDAwHNzc2xsbMnJyeHh4aurq8bGxt/f32ZmZurq6gAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QAz94cAAsAAAAAB4AFAAABpPATkZHLBqPyGOhBdg8ktDoAQHwBAiVqLZooABYuoYgItlGLYRAorjY7UJmpGQicBwxDMgnXiS5FUkiOQEnfCAQDBdRBi4AGmY3ADAoW1MAMhxQAykAJjNxBTgANTRIBSoALyV8OgMrAEJGljGZrEQjTU86XY4DtkZWNhVoar9IYhF0dsZIbTuAzEkYitHV1tfY10EAOw==) no-repeat center top; padding-top: 24px; } .share8 .phone { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAABAUlEQVR42qXSIWtCURiA4avXgQxE8CdYZtY2sIgoGAb+AeNVw/qYdbBmMdoNgkWTKFhXLKLJsIEsjjEZiKgc36BFvnuunvPBUy6Hl8M9n3Mez/OKWKMP17EZAmlsoE5aNrE7LKAu1EyDFSjBDjmT4BjKx5dJ8F8T7JgElY8mXJPgSog927xySwgWbIKPQnBou9gfQrRoE3wSgp+I2URHQrSHkGkwha0Qfbe5ZR1K0BDOxvCKUlC04xNtI3o6k8QcCnvkdcEoJj7RGV7wc/H9Fw+6aFxcJb0lErroPQY3RkdB/9PFGw5XBv+uff0sFgGxGTK3rFQEVUyxg8I3uigj7DBHkXKBOJ196U0AAAAASUVORK5CYII=) no-repeat center top; padding-top: 24px; } .share8 div.pop { position: absolute; display: none; top:100%; margin-left:-24px; padding-top: 6px; z-index:9; white-space: nowrap;} .share8 div.pop::before { position: absolute; top:0; left: 32px; display: block; content: " "; width:0; height:0; border-bottom: solid 6px #999; border-right: solid 6px transparent; border-left: solid 6px transparent; } .share8 div.pop span { display: block; background: #fff; color:#333; padding: 4px 6px; border: solid 1px #999; border-radius: 3px; box-shadow: 1px 1px 2px #666; } .share8 a.pop div.pop { display: block; } .arrows a.left { display: block; float:left; width: 20px; height: 16px; background: url(data:image/gif;base64,R0lGODlhFAAQAIQQAI+Rjpyem6SmorO1ssfJxszOy9PY29bY1drf4t7g3OLk4ufq5vL08ff59vr8+f3//P///////////////////////////////////////////////////////////////yH5BAEKABAALAAAAAAUABAAAAVuICQiBWGeaCoWCvO8cBwvkLHIuEwfef8uiITPQcABhTkFAGBMIGOOwTJgDOKkAYGg+YQRtVud00EukxcDgfk8XpcbBDfw0Kjb7/i6QkFg+P+AgX4KEAcHC4KJgyIHBIaPkJEHBSIQCAaPmJIGmiEAOw==) no-repeat left top;} .arrows a.right { display: block; float:left; width: 20px; height: 16px; background: url(data:image/gif;base64,R0lGODlhEwAQAIQQAIuNipaYlaKkobS2s8DCvsjKx8vO0c7QzdbY1dTZ297g3Ors6fL08ff59vr8+f3//P///////////////////////////////////////////////////////////////yH5BAEKABAALAAAAAATABAAAAVlYCGOZIlA6KOuLOssJ9TOrXPSuArThIM3BhogsKA1DrRAAECYHWkCwXLQAkKjBx/r6eh6BYOFd8wdOwoNs5eBbLjf8HiDEWTY7/g8Q4F46P92CgUyCIWGh4cHBygJCYeOiIUoKCEAOw==) no-repeat left top;} #icons { padding: 6px; margin: 0; } #right ul#icons { padding: 0 0 6px 12px; margin: 0;} ul.spaced li { margin-bottom: 4px; } ul#icons { margin: 0 0 0 6px; } #icons li { min-height: 16px; } div#icons { border-bottom: dashed 1px #999; padding: 12px 0 12px 0;} div#icons a { float:left; margin-left: 12px; text-transform: uppercase; font-size: 10px;} ul#icons a, ul#icons a:visited { color: #666; font-weight: normal; } ul#icons a:hover { color: #000; } #icons .phone, a.phone { background: url('/gfx/icons/phone.gif') no-repeat left 1px; display: block; padding-left: 20px; } #icons .email { background: url('/gfx/icons/email.gif') no-repeat left 2px; display: block; padding-left: 20px; } #icons .delicious { background: url('/gfx/icons/delicious.gif') no-repeat left top; display: block; padding-left: 24px; } #icons .digg { background: url('/gfx/icons/digg.gif') no-repeat left top; display: block; padding-left: 24px; } #icons .flickr { background: url('/gfx/icons/flickr.gif') no-repeat left top; display: block; padding-left: 24px; } #icons .facebook { background: url('/gfx/icons/facebook.gif') no-repeat left top; display: block; padding-left: 24px; } #icons .linkedin { background: url('/gfx/icons/linkedin.png') no-repeat left top; display: block; padding-left: 24px; } #icons .twitter { background: url('/gfx/icons/twitter.png') no-repeat left top; display: block; padding-left: 24px; } #icons .youtube { background: url('/gfx/icons/youtube.png') no-repeat left top; display: block; padding-left: 24px; } #icons .slideshare { background: url('/gfx/icons/slideshare.png') no-repeat left top; display: block; padding-left: 24px; } #icons .arrow, a.arrow { background: url('/gfx/icons/arrow.gif') no-repeat left top; display: block; padding-left: 20px; } #icons .back, a.back { background: url('/gfx/icons/back.gif') no-repeat left top; display: block; padding-left: 20px; } #icons .email, a.email { font-size: 10px;} #icons .up, a.up { background: url('/gfx/icons/up.gif') no-repeat left top; display: block; padding-left: 20px; } #icons .down, a.down { background: url('/gfx/icons/down.gif') no-repeat right top; display: block; padding-right: 12px; text-align:right;} #icons .cancel, a.cancel { background: url('/gfx/icons/close.gif') no-repeat left top; display: block; padding-left: 20px; min-height: 16px;} #icons .close, a.close { background: url('/gfx/icons/close.gif') no-repeat right; padding-right: 20px; text-align: right; } #icons .check, a.check { background: url('/gfx/icons/check.gif') no-repeat left top; display: block; padding-left: 20px; } #icons .play, a.play { background: url('/gfx/icons/play.gif') no-repeat left top; display: block; padding-left: 20px; } #icons .print, a.print { background: url('/gfx/icons/print.gif') no-repeat left top; display: block; padding-left: 24px; } a.inline { display: inline !important; margin-left: 6px; padding-left: 12px; } #icons li { display: block; list-style: none !important; padding-left: 24px; margin-left: 0; } #icons .redarrow { background: url('/templates/vzbar/nav.gif') no-repeat 10px 2px; } #icons li { background: url('/templates/vzbar/nav2.gif') no-repeat 10px 2px; } #icons .pdf { background: url('/gfx/file_icons/pdf.gif') no-repeat left top; } #icons .cs { background: url('/gfx/file_icons/pdf.gif') no-repeat left top; } #icons .fs { background: url('/gfx/file_icons/pdf.gif') no-repeat left top; } #icons .sb { background: url('/gfx/file_icons/pdf.gif') no-repeat left top; } #icons .wp { background: url('/gfx/file_icons/pdf.gif') no-repeat left top; } #icons .pdfx { background: url('/gfx/file_icons/newsletter.gif') no-repeat left top; } #icons .blog { background: url('/gfx/file_icons/blog.gif') no-repeat left top; } #icons .doc { background: url('/gfx/file_icons/doc.gif') no-repeat left top; } #icons .xls { background: url('/gfx/file_icons/xls.gif') no-repeat left top; } #icons .ppt { background: url('/gfx/file_icons/ppt.gif') no-repeat left top; } #icons .pr { background: url('/gfx/file_icons/pr.gif') no-repeat left top; } #icons .pod,#icons .mp3 { background: url('/gfx/file_icons/pod.gif') no-repeat left top; } #icons .podv,#icons .ram { background: url('/gfx/file_icons/video.gif') no-repeat left top; } #icons .swf,#icons .fxml { background: url('/gfx/file_icons/swf.gif') no-repeat left top; } #icons .html,#icons .htm { background: url('/gfx/file_icons/html.gif') no-repeat left top; } #icons .rss { background: url('/gfx/file_icons/rss.gif') no-repeat left top; } #icons .plus { background: url('/templates/vzbar/plus.gif') no-repeat 2px 2px; } #icons .tool { background: url('/gfx/file_icons/tool.gif') no-repeat left top; } #icons .translate { background: url('/gfx/icons/translate.gif') no-repeat left top; } #icons li.br { height: 4px; list-style-type: none; background: none; } #icons li.hide { display:none;} #icons li.blank { list-style:none; background-image:none; padding: 2px; margin: 2px 0;} #icons .plus, a.plusbutton { background: url('/gfx/icons/plus_button.png') no-repeat left top; display: block; padding-left: 20px; padding-top:1px; } #icons .minus, a.minusbutton { background: url('/gfx/icons/minus_button.png') no-repeat left top; display: block; padding-left: 20px; padding-top:1px; } #icons hr { color: #eee; border-color: #eee; margin: 12px 0 0; } #icons .section { color:#999; font-size: 9px;font-weight:bold; text-transform: uppercase; background: none; border-bottom:solid 1px #eee; padding-left:0;padding-bottom:0; margin-bottom:3px; margin-top:6px; min-height: 10px;} #box { margin: 12px 5px 6px 5px; padding: 0; background: #ccc url('/templates/vzbar/greyline.gif') repeat-x bottom; } #box.noborder { border: none; float: left; background: none;} #box div.title { overflow: hidden; border-bottom: solid 2px #fff; height: 32px; padding: 0 12px 0 0; margin: 0; background: #fff no-repeat right top; } #box div.red { color: #fff; border-color: #e00; background-color: #f00; background-image: url('/templates/vzbar/corner.gif'); } #box div.grey { border-color: #ccc; background-color: #ccc; background-image: url('/templates/vzbar/corner.gif'); } #box div.white { border: none; background-color: #eee; background-image: url('/templates/vzbar/greyheader.gif'); } #box div.title a { text-decoration: none; } #box div.red a { color: #fff; } #box div { margin: 0 1px; background: #fff; padding-top: 4px; } #box div.nogap { padding-top: 0; } #box div h3 { margin: 0; float:left; padding: 4px 12px; width: auto; font-weight: normal; background: url('/templates/vzbar/corner-left.gif') no-repeat left top; } #box div h4.title { margin: 0; padding: 6px 0 0 12px; background: url('/templates/vzbar/corner-left.gif') no-repeat left top; } #box div.white h4.title { background-image: url('/templates/vzbar/greyheader.gif'); } #box h4 { padding-top: 0; } #box table.compare { margin: 2px 0; border:none; border-top: solid 1px #ccc; } #box td { margin: 0; border: none; padding-right: 4px;} #box td.consider { width: 160px; background: #eee url('/templates/vzbar/e-f.gif') repeat-x bottom; border-left: solid 1px #ccc;} #box td p { font-size: 11px; } #box ul.arrow { float: left; padding: 0 0 0 12px; width: 282px; } #box ul.full, #box td ul { float: none; width: auto; margin-left: 6px;} #box td li { padding-bottom: 3px; } #box ul ul { font-size: 11px; float: none; width: auto;} #box ul ul ul { font-size: 10px; line-height: 11px;} #box ul.arrow { padding-left: 0; } #box ul.arrow li { background: url('/gfx/icons/arrow.gif') no-repeat 0px 1px; display: block; padding: 1px 0 1px 12px;} #box ul.arrow li li { display: list-item; background: none; padding: 1px 0 0 0; list-style-image: none; list-style-type: square; color: #ccc; } #box img { margin-bottom: 6px; } div.productimage { width: 60px; height: 60px; border: solid 1px #666; margin: 12px 0 0 12px; float: left; clear: left; background-repeat: no-repeat;} #promos { margin-top: 6px; border: none; text-align:center; } #promos img { margin: 0 auto 6px auto; } #promo ul { padding: 0; } .rbox { float:left; margin:2px 6px; height: 180px; background: #fff url('/gfx/bg/box_shade.jpg') repeat-x left bottom; border: solid 2px #bbb; border-radius: 8px; box-shadow: 4px 2px 6px #ccc; -moz-border-top-colors: #aaa #bbb; -moz-border-right-colors: #bbb #ccc; -moz-border-bottom-colors: #bbb #ccc; -moz-border-left-colors: #aaa #bbb; -moz-border-radius: 8px; -moz-box-shadow: 4px 2px 6px #ccc; -webkit-border-radius: 8px; -webkit-box-shadow: 4px 2px 6px #ccc; } #sitemap li { clear: left; } #sitemap ul { margin-bottom: 12px; } #sitemap div.br { clear: left; } #sitemap li li { display: list-item; background: none; padding: 1px 0 0 0; list-style: square; color: #666; } #sitemap ul ul li { clear: none; float: left; width: 200px; margin-right: 20px; color: #ccc;} #sitemap a { font-weight: bold; } #sitemap ul a { font-weight: normal; } table.contactbox { border: none; margin: 0 6px; padding: 15px; background: #eee;} table.contactbox th { background: #ccc; font-size: 12px; color: red; font-family: Arial; text-align: left; } table.info { border: solid 1px #ccc; border-collapse: collapse; margin-right: 12px;} table.info td { border: solid 1px #ccc; padding: 6px; } table.info th, table.info td.shaded { border: solid 1px #ccc; padding: 6px; background: #eee; font-weight: normal; text-align: left;} table.info .check { padding-left: 18px; background-image: url('/gfx/icons/check.gif'); background-repeat: no-repeat; background-position: left;} table.info .checkstar { padding-left: 22px; background-image: url('/gfx/icons/checkstar.gif'); background-repeat: no-repeat; background-position: left;} table.extra td, table.extra th { padding: 12px; } td.right,th.right { text-align: right !important; } td.center,th.center { text-align: center !important; } td.underline { border-bottom: solid 1px #ccc; } table.list { border: none; margin: 0; } table.list td { margin: 0; padding: 1px 6px; border-bottom: solid 1px #ccc; } table.list td.shaded { background-color: #eee; } table.info table, table.info table td, table.info table th { border: none; padding: 0; } table.dash { background: #eee; border: solid 1px #eee; } table.dash td, table.dash th { border: dashed 1px #999; padding: 6px; } img.sectionimage { float: right; margin: 0 -1px 4px 8px; } a.enlarge { display: block; float:left; text-align: right; color: #999; font-size: 11px;} a.enlarge img { display: block; text-decoration: none; border: dotted 1px #fff;} a.enlarge:hover img { border-color: #ccc; } button, div.button { border: 0; background: none; margin: 0 6px 6px; padding: 0; cursor: pointer; font-size: 14px; white-space: nowrap; text-align: left;} div.button { float: left; min-width: 120px; text-align: center; cursor:pointer;} div.button.right { float: right; } div.button a, div.button a span { cursor:pointer; border-radius: 1px; line-height: 42px;} button span, div.button a { display: block; border: 0; margin: 0; padding: 0 0 0 24px; background-repeat: no-repeat; background-position: left top; text-decoration: none; border-radius: 1px;} button.grey span,div.button a.grey {border: 2px solid #4b4b4b; text-decoration:none; display:inline-block;font-weight:500; color: #fff;background-color: #4b4b4b; } button.red span,div.button a.red {border: 2px solid #cd040b;font-size:14px; text-decoration:none; display:inline-block;font-weight:500; color: #fff;background-color: #cd040b;} button.grey span:hover,div.button a.grey:hover {border-color: #3a3a3a; background-color: #3a3a3a;} button.red span:hover,div.button a.red:hover {border-color: #a80309;background-color: #a80309;} button.grey span:active,div.button a.grey:active {background-color:#333;} button.red span:active,div.button a.red:active {border-color: #750207;background-color: #750207;} a.red span,a.grey span {color:#fff; padding: 10px 20px 10px 20px;} button.dark span,div.button a.dark,div.button a.dark span { color:#fff; background: #4b4b4b; } button.orange span,div.button a.orange,div.button a.orange span { color: #fff; background: #f60; } button.blue span,div.button a.blue,div.button a.blue span { color: #fff; background: #06c repeat-x bottom; } button.blue span:hover, div.button a.blue:hover, div.button a.blue:hover span { background: #05b; } button.black span,div.button a.black,div.button a.black:link,div.button a.black span { color: #fff; background:#000; } button span span,div.button a span { display: block; padding: 0 24px 0 0; background-position: right top; border:none !important;} button::-moz-focus-inner { border: none; padding: 0; } div.tooltip { display: none; position: absolute; width: 240px; padding: 6px; background: #fff; border: solid 1px #ccc; border-right-color: #999; border-bottom-color: #999; margin-left: -12px;} div.long { width: 480px; } .apopupdiv{position: absolute; padding: 5px; display:none; background:white; border: dotted black 1px; } dl#news dt { font-weight: bold; } dl#news dd { margin: 0 0 6px 0; } dl#news dd.sep { margin: 6px; border-bottom: solid 1px #eee; } dl#news a { text-decoration: none; } dl#news a:hover { text-decoration: underline; } ul.dashlist a, ul.dashlist a:visited { color: #666; text-decoration:none; } ul.dashlist a:hover { color: #000; } ul.dashlist li { display:block;list-style-type:none;border-bottom: dashed 1px #ccc; margin-bottom: 2px; padding: 4px 2px 2px 6px; } ul.dashlist li.sublink { border:none; display:list-item;list-style: disc; margin-left: 32px; margin-top: -2px; color: #999; padding-top: 0;} li.sublink a,li.sublink a:visited { font-weight: normal; } ul.hidden { display:none;} .solution ul.dashlist { padding-left: 0; margin: 0 0 0 24px; } .solution ul.dashlist li { padding: 1px 0 1px 2px; } #right ul.dashlist { padding-right: 0; } ul.dashlist li.last { border: none; padding-bottom: 2px; } #scrollblurb { background: #eee; color:#666; } #scrollblurb p { padding: 6px 16px; margin-bottom:0;margin-top:0; border-left: solid 5px #000; } #scrollblurb a, #scrollblurb a:visited { font-weight: normal; color: #666; text-decoration:none;} #scrollblurb a:hover { color: #f00;} #news a.news, #news h5 { font-size: 12px; } #news a.news, #news a.news:visited { color: #222; font-style: italic; text-decoration: none; font-weight: normal; } #news a.news:hover { color: #f00; } a.news span { white-space:nowrap; } ul#benefits { padding-left: 0; padding-right: 2px; margin-left:24px; list-style-type:none; } #benefits li { margin-bottom: 3px; list-style-type:none; display: block; background:none;} #benefits a,#benefits b { text-transform: uppercase; } #right .solution { overflow: hidden; } .pbox { width: 248px; float: left; background: url('/gfx/bg/pbox_m.gif') repeat-y left top; } .pbox h3 { color: #f00; text-align: center; background: url('/gfx/bg/pbox_top.gif') no-repeat left top; margin: 0; height: 36px; width: 244px; padding-top: 7px;} .pbox .top { background: url('/gfx/bg/pbox_top.gif') no-repeat left -34px; height: 12px; } .pbox .end { background: url('/gfx/bg/pbox_bottom.gif') no-repeat left bottom; height: 12px; } .pbox h4 a { color: #000; } .pbox li a { color: #333; text-decoration:none; font-size: 12px; } .pbox li { color: #666; font-size: 9px;} .pbox ul.arrow { padding-left: 12px; } .pbox ul.arrow li { background: none; list-style-type: disc; display: list-item; padding-left: 0; } .pbox ul.arrow ul { margin-left: 0; } .pbox ul.arrow li li { color: #999; } .pbox li a:hover, .pbox h4 a:hover { text-decoration: underline; } .bottomgradient { margin: 0 2px 0 1px; background: #cecece url('/gfx/bg/vertical_200.gif') repeat-x left bottom; border-collapse: separate; } td.lround { width: 6px; } td.round { width: 25%; padding-right: 4px; background: #fff url('/gfx/bg/box_shade.jpg') repeat-x left bottom; border: solid 2px #bbb; border-radius: 8px; box-shadow: 4px 2px 6px #ccc; -moz-border-top-colors: #aaa #bbb; -moz-border-right-colors: #bbb #ccc; -moz-border-bottom-colors: #bbb #ccc; -moz-border-left-colors: #aaa #bbb; -moz-border-radius: 8px; -moz-box-shadow: 4px 2px 6px #ccc; -webkit-border-radius: 8px; -webkit-box-shadow: 4px 2px 6px #ccc; } #preload { width: 1px; height: 1px; float: right; } div.masthead { margin: 6px; } .masthead div.mastbg { position:relative; width: 604px; height: 114px; background: url('/gfx/bg/masthead.gif') no-repeat left top; } .masthead h2 { color: #e11; padding: 24px 6px 0 12px; font-weight: normal; font-size: 16px; text-shadow: 1px 1px 2px #f99;} .masthead h2.half { float:left; width: 50%; } .masthead span { display: block; position: absolute; bottom: 12px; right: 30px; margin: 6px;} div.rightshadowbox { margin: 6px 2px 6px 0; padding: 6px 0; background: url('/gfx/bg/shadow_210_white.gif') no-repeat center bottom; } .thumblist { margin:0 0 0 44px; padding:0; clear:left;} .thumblist li { display:block; float:left; width: 122px; margin: 6px; } .thumblist a,.thumblist a:link { text-decoration: none; color:#666; font-size:11px; font-weight:normal; } .thumblist div.thumb { display:block; width:75px; height:75px; margin-left: 20px; margin-bottom: 4px; border: solid 1px #bbb; } .thumblist a:hover div.thumb {-moz-box-shadow: 1px 1px 2px #666;} .thumblist a.addthis_button { display: block; clear:left; float:left; margin-left: 6px; } .thumblist .viewall { position: absolute; margin-top: 85px; text-decoration: underline; color: #999; font-size: 10px; } .thumblist li.section { display: none; } .thumblist h4 { color: #c11; } .thumblist b.dl { display: block; color: #c11; background:url(/gfx/nav/nav_r.gif) no-repeat 12px 1px; padding-left: 24px; text-transform: uppercase; font-weight: bold;} .thumbox { width: 240px } .thumbox ul.thumblist { margin: 0; } .thumbox .thumblist li { width: auto; margin:10; padding:0;} .thumbox .thumblist div.thumb { float: left !important; width:75px; margin: 0 12px 6px 6px;} #right .thumbox { width: 212px;} #ptabs { display:none; margin: 12px 0 0 20px; width: 680px; padding:0; border: none; background: none; clear: right;} #ptabs .iebdr { padding: 0 1px 1px 0; background: #666; position: relative; } #ptabs .ui-widget-header { background: none; border: none; height: 23px; } #ptabs .ui-tabs-panel { border: none; background-color: #ccc; padding: 1px; xborder: solid 1px #ccc; border-radis: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; -webkit-border-radius: 0 6px 6px 6px; } #ptabs .ui-tabs-panel .gradientDown { min-height: 116px; background-color: #eee; position: relative; border-top-width:2px; margin-top: 0px; border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; -webkit-border-radius: 0 6px 6px 6px;} #ptabs .ui-tabs-nav { padding: 0 } #ptabs .ui-tabs-nav li { position: relative; height: 22px; font-size:11px; overflow:hidden; background: #ccc; margin: 0 6px 0 0; padding: 1px 1px 0 1px; border: none; border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0;} #ptabs .ui-tabs-nav li a { padding: 2px 18px; color: #666; display: block; } #ptabs .ui-tabs-nav li.ui-tabs-selected { overflow: visible; border-bottom:none;} #ptabs .ui-tabs-nav li.ui-tabs-selected .gradientUp { background: #f7f7f7; border-bottom: solid 1px #f7f7f7; z-index:6; filter:none;position: relative; padding-bottom: 5px; -moz-box-shadow: 0 -1px 3px -2px #666;} #ptabs .ui-tabs-nav>li a:hover {background: #eee; filter:none;} #ptabs .hscroll { clear:both; overflow: hidden; width: 628px; position: relative; margin-left: 24px;} #ptabs a.leftscroll { position: absolute; display:block; left:0; width: 24px; height: 106px; background: url('/gfx/icons/scrollleft.png') no-repeat center right; opacity:0.2; filter: alpha(opacity=20);} #ptabs a.rightscroll { position: absolute; display:block; right:0; width: 24px; height: 106px; background: url('/gfx/icons/scrollright.png') no-repeat center left; } #ptabs .thumblist { margin-left: 12px; height: 106px; } #ptabs .thumblist li { width: 280px; margin-right: 24px; padding: 0; } #ptabs .thumblist div.thumb { float: left; margin: 0 12px 6px 6px; } #ptabs #partnerlist { margin: 0; } #ptabs #partnerlist li { width: 208px; margin: 0; padding: 28px 0 0 0; text-align: center;} .module { float:left; margin: 6px; } .module h3 { font-weight: normal; } .module .button { position: absolute; bottom: 8px; right: 12px; } .module .buttonLeft { position: absolute; bottom: 8px; left: 18px; } .bdr { border: solid 1px #ccc; position:relative; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 0; margin: 6px 2px 2px 6px; } .bdr:first-child { margin-left: 20px; } #right .bdr:first-child { margin-left: 6px; } .bdr .corner, #ptabs .corner { width: 6px; height: 6px; line-height: 2px; font-size: 6px; position: absolute; z-index:6; border:none; background: #fff url('/gfx/bg/corners.gif') no-repeat; overflow: visible;} .greybg .corner { background-image: url('/gfx/bg/corners-grey.gif'); } .bdr .tl, #ptabs .tl { top:-1px; left:-1px; background-position: left top;} .bdr .tr, #ptabs .tr { top:-1px; right:-1px; background-position: right top; } #ptabs .ui-tabs-nav .tr { right: -2px; } .bdr .bl, #ptabs .bl { bottom:-1px; left:-1px; background-position: left bottom; } .bdr .br, #ptabs .br { bottom:-1px; right:-1px; background-position: right bottom; } .gradientDown { min-height: 12px; min-width: 120px; border: solid 4px #fff; margin:0; padding: 6px 0; clear:both; background-color: #eee; background: -moz-linear-gradient(top,#f7f7f7,#e5e5e5); background: -webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#e5e5e5)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f7f7f7', EndColorStr='#e5e5e5'); border-radius: 6px; box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; -moz-border-radius: 6px; -webkit-box-shadow: 0px 0px 2px #999; -webkit-border-radius: 4px; } .solidDown { border: solid 4px #fff; margin:0; padding: 6px 0; clear:both; background: #eee; -moz-box-shadow: 1px 1px 2px #999; -moz-border-radius: 6px; -webkit-box-shadow: 0px 0px 2px #999; -webkit-border-radius: 4px; } .gradientUp { border: solid 3px #fff; margin: 0; background-color: #ddd; background: -moz-linear-gradient(top,#eee,#ccc); background: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#ccc)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#eeeeee', EndColorStr='#cccccc'); border-radius: 4px 4px 0 0; box-shadow: 0 0 2px #ccc; -moz-box-shadow: 0px 0px 3px -1px #666; -webkit-box-shadow: 1px -1px 2px #ccc; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } .pbar p,.pbar h4 { margin-left: 12px; margin-right: 8px; } .premium { float: right; font-size: 11px; padding:0; margin: 0 0 6px 12px; position: relative; width: 254px; } .premium img { display: block; border: solid 1px #ccc; margin: 4px 0; padding: 2px; z-index:4; -moz-box-shadow: 1px 1px 4px #999; -webkit-box-shadow: 1px 1px 4px #999; } .premium .label { position: absolute; font-size: 9px; color: #09c; background: #333; padding: 1px 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} .premium a,.premium a:link,.premium a:visited { text-decoration: none; color: #777; padding-right: 72px; display:block;} .premium b:lang(ja) { color: #777; font-style: normal; font-weight: normal; } .premium b { color: #777; font-style: italic; font-weight: normal; } .premium .links { position: absolute; left: 150px; width: 102px; padding: 6px 0; margin-top: 6px; z-index: 0; display:none; background: #000; border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; background: -moz-linear-gradient(top,#444,#000); background: -webkit-gradient(linear,left top,left bottom,from(#444),to(#000)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#444444', EndColorStr='#000000'); } .premium .links a { display: block; margin: 6px 12px; padding: 0 0 0 20px; color: #fff; } .premium .share { background: url('/gfx/icons/premiumshare.gif') no-repeat left center; } .premium .view { background: url('/gfx/icons/premiumview.gif') no-repeat 4px center; } .premium .corner { width: 6px; height: 6px; line-height: 2px; font-size: 6px; position: absolute; background-image: url('/gfx/bg/corners-black.gif'); } .premium .tr { top:0px; right:0px; background-position: right top; } .premium .br { bottom:0px; right:0px; background-position: right bottom; } .preright { clear:right; float: right; font-size: 11px; padding:0; margin: 0 0 6px 12px; position: relative; width: 254px; } #vzbFlip { position: relative; text-align: center; max-width: 214px;} #vzbFlip ul { padding:0} #vzbFlip li { position: absolute; display: none; left:5px; top:4px; padding:0; list-style:none;} #vzbFlip li:first-child { position: static; display: block; } #vzbFlip a { display:block;} #vzbFlip .blocks { height: 16px; padding: 0 10px; position: absolute; bottom: 10px; right: 0; } #vzbFlip .blocks .b { width: 10px; height: 10px; background: #ccc; float:left; margin: 4px; cursor: pointer; box-shadow: 1px 1px 2px #998; border-radius: 3px; -moz-box-shadow: 1px 1px 2px #999; -moz-border-radius: 3px; -webkit-box-shadow: 1px 1px 2px #999; -webkit-border-radius: 3px;} #vzbFlip .blocks .b.on, #vzbFlip .blocks .b.on:hover { background: #f11; } #vzbFlip .blocks .b:hover { background: #999; } .ui-autocomplete { position: absolute; z-index: 7 !important; cursor: default; overflow: hidden; background: #eee; max-height: 360px; padding: 0 0 18px 0; width: 200px; box-shadow: 1px 1px 2px #666;} ul.ui-autocomplete li { list-style: none; display: block; padding: 0; font-size: 11px;} .ui-autocomplete li.header { color: #fff; background: #999; text-align: center; font-weight: bold; padding: 2px 6px; border-bottom: solid 1px #ccc; } ul.ui-autocomplete a { display: block; cursor: pointer; padding: 2px 6px; font-weight: normal; } ul.ui-autocomplete li.more a { position: absolute; bottom: 0; width: 200px; background: #eee; border-top: solid 1px #ccc; color: #3bc; } ul.ui-autocomplete a:hover { text-decoration: none; } .edited { background-color: rgba(255,240,192,.3); } div#superfooter { margin:30px 0 0; padding:30px 0 6px; width: 100%; border-top: solid 1px #ccc; } #superfooter>ul { display: block; padding:0; margin:0 auto; width: 100%; max-width:1280px; } #superfooter li { list-style: none; display: block; margin:0 } #superfooter li.col { width: 20%; min-height: 120px; float: left; padding:0; background: url(data:image/gif;base64,R0lGODdhAgC0AMIIAKqsqa2vrLCyr7O2sra5tbq8uby+u/Ly8iwAAAAAAgC0AAADSGinvFcvwikrvTbjrTsmByiG5GiW6Kmm7LoOByzH9GzX+K3nvHD4wJ8wSBwai77AQclcOpvQpzRKnVqrSsBBy916u+CvONxNAAA7) no-repeat left 12px;} #superfooter li.col:first-child { background: none; } #superfooter li.col.n6 { display: none; } #superfooter li.end { clear:left; float: none; padding:0;} #superfooter h4 { margin:6px 6px 6px 18px; padding:0; color: #333; font-size: 12px; } #superfooter h4 b { font-weight: bold; } #superfooter ul ul { margin:0 6px 6px 18px; padding:0; } #superfooter ul ul li { padding:6px 6px 6px 0; } #superfooter a { font-size: 12px; color: #666; text-decoration: none;} #superfooter li.show { display: none; color: #09c; cursor: pointer; } #superfooter li.show span { color: #09c; } #superfooter h4 .show { display: none;} #superfooter ul ul .open{ display: none; } #superfooter ul ul.open .open { display: inline; } #superfooter ul ul.open .close { display: none; } @media all and (max-width:800px) { #superfooter li.col { width: 33%; background-image: none; border-left: dashed 1px #eee;} #superfooter li.col.n4 { clear:left; } #superfooter ul li.more { display: none; } #superfooter li.show.more { display: block; } #superfooter ul.open li.more { display: block; } #superfooter ul, #superfooter h4 { margin-left: 24px; } } @media all and (max-width:480px) { #superfooter { margin-top: 30px; } #superfooter li.col { width: 49%; } #superfooter li.col.n3,#superfooter li.col.n5 { clear:left; } #superfooter li.col.n4 { clear:none; } #superfooter ul li.more { display: none; } } @media all and (max-device-width:360px) and (max-width:360px) { #superfooter li.col { width: 100%; float:none; min-height: 20px; background:none; border: none; } #superfooter h4 { cursor: pointer; padding: 6px 6px 6px 24px; margin:0; border-top: solid 1px #eee;} #superfooter h4 .show { display: inline; } #superfooter h4.open { background: #eee; } #superfooter ul { display: none; } #superfooter ul.open { display: block; } #superfooter ul.open li.show.more { display: none; } } #cookiealert.noshow { display: none; bottom: -100%; } #cookiealert {position:fixed;z-index:9;bottom:0; left:0;right:0;background: #ffe;color: #000;padding: 24px;border-top: 1px solid #000;font-family:arial;font-size:12px;transition: bottom 0.5s;} #cookiealert>div { margin:0 auto; max-width: 1180px;} #cookiealert %close{position:absolute;right: 0px;} #cookieclose {position: absolute; right: 6px; top: 6px; } .noshow {display:none;} div.anchors { margin:0 0 0; padding:0 0 0 15%; background: #eee; position: relative; border-bottom: solid 1px #333;} div.anchors.all { padding-left:0; } div.anchors.off { opacity: 0; } div.anchors.scroll { position: fixed; top:0; left:0; width: 100%; padding-left:0; z-index:9; opacity:1; -webkit-transition: opacity .5s ease-in,-moz-transition: opacity .5s ease-in} div.anchors.bottom { position: fixed; bottom:0; left:0; margin-bottom:0; width: 100%; padding-left:0; z-index:9; border-top: solid 1px #666; border-bottom: none; opacity:1; -webkit-transition: opacity .5s ease-in,-moz-transition: opacity .5s ease-in} div.anchors.scroll+div.anchorpost,div.anchors.bottom+div.anchorpost { height: 48px;} .anchors ul { margin:0 auto; padding:0; max-width: 1000px; border-left: solid 2px #fff;} .anchors li { display: block; list-style: none; position: relative; padding:0; margin:0; float: left; background: #eee; width: 25%; height: 50px; text-align: center; -webkit-transition: background-color .25s;-moz-transition: background-color .25s;} .anchors li:hover { background-color: #f7f7f7; } .anchors ul::after { content: " "; clear: left; display: block; height:0; } .anchors a { display: block; padding: 16px 0; border-right: solid 2px #fff; color: #000; font-size: 16px; font-weight: 500; font-family:NeueHaasGrotesk,Arial; text-decoration: none !important;} .anchors a.tall { padding: 8px 0; } .anchors li span { color: #000 } .anchors li.on { background: #999; } .anchors li.on::before { position: absolute; display: block; content: " "; top:100%; left: 45%; margin-top:1px; border-top: solid 12px #000; border-left: solid 12px transparent; border-right: solid 12px transparent; } .anchors li.on::after { position: absolute; display: block; content: " "; top:100%; left: 45%; border-top: solid 12px #999; border-left: solid 12px transparent; border-right: solid 12px transparent; } .anchors li.on a, .anchors li.on span { color: #fff; } .anchors li.buy { display: none; background-color: #d00 !important;} .anchors li.explore { background-color: #d00 !important;} .anchors li.buy a, .anchors li.buy span, .anchors li.explore a, .anchors li.explore span { color: #fff; } .anchors li.buy.on::after,.anchors li.explore.on::after { border-top: solid 12px #d00; } .anchors.scroll li.buy, .anchors.bottom li.buy { display: block; } @media (max-width: 960px) { .anchors ul { border-left: none; } .anchors li.buy a, .anchors li:nth-child(4) a { border-right: none; } } @media (max-width: 800px) { .anchors li { height: 42px; } .anchors a { font-size: 16px; padding: 12px 0;} } @media all and (max-width: 540px) { div.anchors { display: none; } .anchors li a { border-width: 1px; font-size: 14px; } .anchors li.buy a { border-right: none; padding: 4px 0 0; } } @media all and (max-width: 480px) { .anchors li { width: 28%; } .anchors.scroll li, .anchors.bottom li { width: 25%; } } div.phero { margin-top: 12px; margin-bottom: -25px; padding-bottom:1px; position: relative; background: #f4f4f4 no-repeat center top; background-size: cover;min-height: 375px; } div.phero>div { margin: 0 auto; max-width: 1000px;} .phero .w50 { max-width: 50%; min-width: 300px; padding-bottom: 12px; } .phero .w60 { max-width: 60%; min-width: 300px; padding-bottom: 12px; } .phero h2 { font-weight: 300; color: #000; font-size: 16px; line-height: 110%; padding-top: 60px; margin-bottom: 0; text-transform: none; } .phero h1 { color: #000; font-weight: normal; padding-top:0; text-transform: none;} div.phero p { font-size: 16px;} div.phero div.xbutton { display: none; } div.pdetails { position: relative; background: #fff;} div.pdetails>div { margin: 0 auto; max-width: 1000px; padding: 30px 0;} div.pdetails>div::after { content:" ";clear:left;display: block; height:0px; } div.pdetails.shaded { background: #eee; } div.pdetails.buy>div { margin: 0 auto; max-width: 1000px; min-height: 200px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAADXCAMAAACu77geAAAAGFBMVEVhcACYmpesrqu8vrrIysbU1tPh49/u8Ox5VMRdAAAAAXRSTlMAQObYZgAAASBJREFUeNrt1cFywyAMBNAKdsX//3GN6lZmgiP31s6sLmGSFwkMyB+bwOY7OTk5OTk5OTk5OTk5uT/lnMQM0t8h0H3M8BjfKE6T4dxJItQqwZe5c+yCWFkme0lZsYQrqyE53gX5xRzjfcDD0QvnjHQcVdAzXZkQy9rA+CSXXcRattkR7Rh0O0dZmH5hDTBDjFoz61n44mg2S1ibjjFKd5leN3zr8x/5G9LNJOHacDMAZtw6M551aREYN26E6zMn+uHvnEd1xMw80qejp8NMZ+cKmvWxfS7drLXA52Oxq3Ou24GflV8WQl/21+/OBJ6el6fn7/l5fn4/6vv2+P4mrFjCmtX9qu5/v+undX+u+73eg3JycnJycnJycnJycv/RfQJpMyAcEKhi1QAAAABJRU5ErkJggg==) no-repeat center center; } .pdetails .resources, .pdetails .text { float: left; width: 50%; } .pdetails .right, .pdetails .asset { margin-left: 50%; } .pdetails h2 { color: #333; clear: none; } .pdetails .button { margin-left: 24px; } .pdetails .picons { left: 60%; top:40%; position: absolute;} .pdetails .picons ul { margin:0 auto; padding:0 0 0 24px; text-align: center; position: relative; } .pdetails .picons ul:after { clear:left; content: " "; display: block; height:0px; } .pdetails .picons li { display: block; list-style: none; padding:0 6px; margin-right: 32px; float: left; font-size: 12px; } .pdetails .picons li:last-child { margin-right: 0; } .pdetails .picons li span { color: #333; display: block; } .pdetails .picons a { padding: 24px 0 0; height: auto; border: none; display: block; position: relative; font-size: 12px; color: #333; text-decoration: none; cursor: pointer;} .pdetails .picons .chat { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXCAYAAAAYyi9XAAAA7UlEQVR42t3UIQvCQBjG8St3yIoY7GIwWBSjzWwxihpmWdFPYPJrGI1iEMwqYrPJvoDVoqjF5vmEC+NF8G53J+LBf4y9sN9tsDHdFUVRGcVIpuyI6ibgLg1EURPwYg0iE/D692AHhW8aoIURiBOBCinKJzY00gJxaFq+rjniSKC7DnhC0rKeespYB5QOGivw8Gvg7ZvgEw1dgw3UQnsyn6Eiw3IGkm82i7aJeahGbkGCBmij5jWfIEVXKPAJUpTTC2cHYN/kp9xGDwtsjTLaoEJzaEJutETVD5VMHIp2CSaYzwWgQjHfoEBTxH06L1rYkVm0rprnAAAAAElFTkSuQmCC) no-repeat center 1px; padding: 0; width: auto; } .pdetails .picons .email { background: url(data:image/gif;base64,R0lGODdhHgAUAPU7AO/v7+7u7uzs7GdnZ+Dg4Gtra3V1dW9vb8/Pz6ampo2NjYyMjOTk5JeXl5mZmXd3d+3t7efn54aGhubm5tjY2H5+fn19fYKCgoODg3FxcbOzs9vb22lpadPT06Kiopubm52dnZCQkHt7e6+vr5GRkW5ubtXV1aioqHp6erm5ucXFxbu7u7S0tMPDw9fX18zMzN3d3cHBwcDAwHNzc2xsbMnJyeHh4aurq8bGxt/f32ZmZurq6gAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QAz94cAAsAAAAAB4AFAAABpPATkZHLBqPyGOhBdg8ktDoAQHwBAiVqLZooABYuoYgItlGLYRAorjY7UJmpGQicBwxDMgnXiS5FUkiOQEnfCAQDBdRBi4AGmY3ADAoW1MAMhxQAykAJjNxBTgANTRIBSoALyV8OgMrAEJGljGZrEQjTU86XY4DtkZWNhVoar9IYhF0dsZIbTuAzEkYitHV1tfY10EAOw==) no-repeat center top; padding-top: 24px; } .pdetails .picons .phone { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAABAUlEQVR42qXSIWtCURiA4avXgQxE8CdYZtY2sIgoGAb+AeNVw/qYdbBmMdoNgkWTKFhXLKLJsIEsjjEZiKgc36BFvnuunvPBUy6Hl8M9n3Mez/OKWKMP17EZAmlsoE5aNrE7LKAu1EyDFSjBDjmT4BjKx5dJ8F8T7JgElY8mXJPgSog927xySwgWbIKPQnBou9gfQrRoE3wSgp+I2URHQrSHkGkwha0Qfbe5ZR1K0BDOxvCKUlC04xNtI3o6k8QcCnvkdcEoJj7RGV7wc/H9Fw+6aFxcJb0lErroPQY3RkdB/9PFGw5XBv+uff0sFgGxGTK3rFQEVUyxg8I3uigj7DBHkXKBOJ196U0AAAAASUVORK5CYII=) no-repeat center top; padding-top: 24px; } .pdetails .picons .support { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAABJUlEQVR4AY3RL0tDURzG8bPNoU0QlTEYvgCDURCW/BMGw2DzBXzbMAgDhcHQbDAIRkWDCOKFYbBZVyxiERE3Ud/Bwv74GC73/jjhwD3fcjh8ysNx8SFHgz6iyyouVHI5RcQNqHtkHsMsc84mVyhtxAFFYrDLG3nDn4iIKvLqc8YJzwhRM9xCjCnzigJFhsuMEYc0gnhM2QZGiA/mGAR5y3ANIba4COIehQTn6SHuWEPB6gmOR44o8RLEHcMVJjaSXx7o+ZgJFfvBTjryhmkcOXb49njbcB0hNjhihuStRBfDfcMFvhC3OK9ZnlLcNOxoI4Ys4vMiezxyTdUG2simQT/DNvKdXDa8jRDr2fAUPzYyhK1jxJCFbHiJP8R+Nuy455KVEP4H6HKD+GUNgJEAAAAASUVORK5CYII=) no-repeat center top; padding-top: 24px; } @media (max-width: 640px) { .pdetails .resources, .pdetails .text, .pdetails .right, .pdetails .asset { float: none; width: auto; margin-left: 0; } div.pdetails.buy>div { background: none; } .pdetails .picons { position: static; margin-top: 6px; padding-top: 40px; padding-bottom: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAAnBAMAAAAlYIYeAAAAGFBMVEVhcACYmpesrqu8vrrIysbU1tPh49/u8Ox5VMRdAAAAAXRSTlMAQObYZgAAATBJREFUeAHtmjFvgzAQRjPQ7EdMMxNV6typa6LSsnYAs2bAZYYY3t9vLVWNkh+QVD6/gf3pwIfvu9VdcE1VtceVFtaNHeCrsVp82wECTolxM/BL/6nBN+v4o9Eg/MGZZa+gwANn6FUUWFWJHzouaGMX7rnEHyMXtlyyRN6Z1h1X2Mg/4YErXNzCGYH+HVxrCfi4hR3AJPLMS3gA8zH+M6t8OhjKXblRcGpZYBZ8Ttn5XIFwDZxMcBa8IbCPXngqmPNFqkNxF+GsuiU1MBb4fBaRmkB1U/Z3qPC4xW/m/C1HySs9PjIZbxbpFAhbYDQctt5QvippSyfZST0VP9YKhB1AKYapYDQK/rQygMVyxqfbUroPp4lHmmmlqWWaS6fkIWVLKT1M+XDaAEg7Hv9xi+cbZiY0+SKJI+IAAAAASUVORK5CYII=) no-repeat center top;} .pdetails .picons ul { top: 6px; max-width: 320px; } } #sitecontent { position: absolute; overflow:hidden; z-index: 5; top:0; right: 0; width: 240px;} #sitecontent a { text-decoration: none; color: #333; } #sitecontent>a { display: block; font-size: 16px; font-weight: 500; padding: 6px 12px; background: #eee; cursor: pointer; } #sitecontent>a i { float: right; } #sitecontent ul { display: none; padding: 0 6px 6px; margin: 0; background: #eee;} #sitecontent.on ul { display: block; } #sitecontent li { display: block; list-style: none; padding:0; margin:0; border-top: solid 1px #eee; background:#fff; } #sitecontent li:first-child { border: none; } #sitecontent li a { display: block; padding: 4px 12px; } #sitecontent li a:hover { background: #f9f9f9; } /* google search box */ .gsc-search-box {margin-left:0;} input.gsc-input {font-size:12px !important;} input.gsc-search-button {margin-left: 0 !important;} .gsc-input {padding-right: 0 !important;} search-button-v2 {height: 14px !important;} /* /templates/vzb2010/solutions.css Thu, 19 Jun 2014 15:04:26 GMT */ #page { min-width: 1002px; min-height:400px; background: #fff repeat-x bottom; } #left { background: none no-repeat center; background-position: 25px 170px; width: 280px; min-height: 350px; padding: 0;} #contentl { width: 720px; background: none; padding-top: 8px;} #contentlr { width: 496px !important; background: none; overflow: hidden; word-wrap: break-word;padding-top: 2px;} #contentr { width: 780px; } #contentn { width: 760px; } #right { width: 221px; font-size: 11px; margin:4px 0 12px 0; background: #fff; padding: 0; border: none; } .wide #contentl { width: 820px;} .wide #contentlr { width: 616px !important; } .wide #left { width: 180px; } .wide #left .bdr { width: auto; margin: 6px 0; } .wide #right { width: 201px; } #header { background: #fff } div.content { margin: 0; border:none; min-height: 280px; } #content .content.featured { max-width: 720px; } #contentl .content.featured { max-width: 450px; } a:link { text-decoration: underline; color: #2f68ad; } a:visited { color:#2f68ad; } a.box { text-decoration: none; } p,h1,h2,h3,h4,h5,dl,table,pre,div.sechead { margin: 2px 2px 6px 24px; } p,h3 { margin-right: 18px; } li p,li h5 { margin-right: 6px; margin-left: 12px; } h1, div.sechead { font-size: 20px; padding-top: 8px; clear: left; color: #bbb; text-transform: none; font-weight: bold;} h2, h1.title, p.h1.title { font-size: 28px; padding-top: 0px; color: #d00; margin-top: 0; } h2.pr { font-size: 18px; } h3 { font-size: 14px; padding-top: 4px; color: #d00; text-transform: none;} .sechead a,h1 a,h1 a:link,h1 a:visited { text-decoration: none; color: #bbb !important; } #header h1 { float: left; clear:none; color: #666; margin: 6px 0 2px 24px; } h3.subtitle { font-size: 12px; text-transform: none; font-weight: normal; margin-top: -9px; } h3.underline,h4.underline { border-bottom: dashed 1px #ccc;} h3.portfolio { background: #666; color: #fff; margin: 24px 0 0 0; padding: 4px 24px;} h1 a, h2 a, h3 a, h4 a { text-decoration:none; } p.subtitle { font-size: 11px; margin-top: -9px; padding-bottom: 2px; } ul,ol { padding:0 10px 0 15px;margin:0 18px 6px 52px; } ul ul, ol ul, ol ol, ul ol { margin-bottom: 4px; margin-left: 12px} ul li { list-style-type: disc;} a img {text-decoration:none;} .blue { color: #3bc !important; } #box li ul li, ul.grey li, li.grey { color: #999; list-style-image: none; background: none; list-style-type: disc; } #countryselector a.more { color: #0ad; } #countryselector ul a { color: #0ad;} ul#crumbs { margin: 2px 0 0 12px; padding:0; list-style: none; font-size: 10px; color: #999;} ul#crumbs a { text-decoration: none; font-weight: normal; color: #666;} ul#crumbs li.last { display:none; } #footer a { color: #666; } #left { border: none; } #left .bdr { margin: 6px 0 2px 20px; width: 246px; background:#f1f1f1;} #left.box ul.l0 { border: solid 3px #fff; margin: 0; padding: 1px; background-color: #eee; border-radius: 6px; box-shadow: 1px 1px 2px #666; -moz-border-radius: 6px; -moz-box-shadow: 1px 1px 2px #999; -webkit-border-radius: 6px; -webkit-box-shadow: 1px 1px 2px #999; } #left li,#left li.l0 { border: none; border-top: solid 1px #ccc; border-bottom: solid 1px #eee; background-image: none !important;} #left li.open { background-image: none !important;} #left li.l0:first-child,#left li.l0:first-child>a { border: none; } #left li.l0>a { border-top: solid 1px #f5f5f5; } #left li li { border-color: #eee; } #left li.l0 { padding: 0; margin: 0 1px; } #left li a { display: block; background-repeat: no-repeat; padding-top: 3px; padding-bottom: 3px; font-size: 12px; color: #666; font-weight: normal; text-decoration: none;} #left li li a { padding-top: 2px; padding-bottom:1px} #left li.l0 a { background: url(data:image/gif;base64,R0lGODlhBgAJAMIEAA6azofJ4K7X5cLi7P///////////////yH5BAEAAAQALAAAAAAGAAkAAAMRKLQLysDB+GIcxIYGdvMLuCQAOw==) no-repeat 1px 6px; padding: 4px 0 4px 12px; } #left ul.l0 li.active>a { background-color: #ccc; color: #666; } #left ul.l0 ul.l1 ul.l2 li.active>a { background-color: #999; color: #fff; } #left ul.l0 li.active.open>a { background-image: url('/gfx/nav/nav_won.gif');} #left ul.l0 li.group>a x { background-image: url('/gfx/nav/nav_b.gif') !important; color: #666;} #left ul.l0 li.active a.l0 { background-color: #ccc; background-image: url('/gfx/nav/nav_bon.gif'); color: #09c;} #left ul.l0 li.active>a.l0 { background-color: #09c; background-image: url('/gfx/nav/nav_w.gif'); color: #fff;} #left ul.l0 li.active.open>a.l0 { background-image: url('/gfx/nav/nav_won.gif'); } #left ul.l0 li.active ul a { background-image: url('/gfx/nav/nav_g.gif'); color: #666; } #left ul.l1 li.selected>a { background-color: #999 !important; color: #fff !important; } #left ul.l1 li.selected.open>a { background-color: #999; background-image: url('/gfx/nav/nav_won.gif') !important; } #left li.l1 a { padding-left: 20px; background-position: 8px 6px } #left li.l2 a { padding: 3px 0 3px 28px; background-position: 16px 6px; } #left li.l3 a { padding: 2px 0 2px 36px; background-position: 24px 6px; font-size: 10px; } #left li.l4 a { padding-left: 44px; background-position: 32px 6px; } #left li.l0 a:hover { background-color: #ccc; } #left li.l1 a:hover { background-color: #ccc !important; } #left a:hover { text-decoration: none} #right .addthis_button { margin-left: 12px; } #right .rtype { font-size: 9px; color: #999; margin-bottom: 3px; border-bottom: solid 1px #eee;} #right .premium { margin-bottom: 12px; } #right .bdr a.box { display: block; padding: 4px 0; color: #666; text-decoration: none; margin:0;} #right .bdr .box:hover { background: #ddd; } #right .bdr a.box:hover p { color: #b00; } #right .bdr .box:hover li { color: #555; } #mtabs { display: block; height: 21px; border-bottom: solid 1px #ccc; padding: 0 20px; margin: 12px 0 6px; } #mtabs li { display: block; float: left; height: 20px; line-height: 17px; margin: 0 4px; padding: 0; min-width: 92px; background: #fff; border: solid 1px #ccc; text-align: center; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0;} #mtabs li.on { background: #fff; border-bottom: solid 1px #fff;} #mtabs li a { color: #888; background: #eee; font-size: 11px; font-weight: normal; text-decoration:none; display: block; padding: 0 12px; margin: 3px 3px 0 3px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;} #mtabs li.on a { color: #888; background: #fff;} #mtabs li a:hover { color: #555; background: #ccc;} #mtabs li.on a:hover { color: #555; background: #fff; } #mtabs ul { display: none;} ul.consider { float: left; width: 280px; padding: 0; margin-right: 0; } div.consider { float: right; width: 150px; margin: 2px; border: solid 1px #eee; -moz-box-shadow: 1px 1px 2px #ccc; -moz-border-radius: 6px;} div.consider p { padding: 8px 12px; margin: 3px; background: #f5f5f5;} div.consider:hover p { color: #555; } .portfolio ul.col1 { float:left; width: 40%; margin-left: 18px;} .portfolio ul.col2 { float:left; max-width: 40%; margin-left: 12px;} .portfolio li a { text-decoration: none; color: #888; } .portfolio li a:hover { text-decoration: underline; } p.top { clear: both; border-top: solid 1px #eee; padding: 6px 0; margin-right: 2px; } p.top a { display: none; } #ptabs li a.viewall { display: none; } #ptabs a.viewall { display: block; position: absolute; background: #e9e9e9; padding: 4px 16px; bottom: 14px; right: 16px; color: #888; font-size: 11px;} /* responsive left nav */ @media (max-width: 800px) { #wrapper, .wide #wrapper { width: auto; max-width: 1002px; } #content { width: auto !important; } #contentl, .wide #contentl { width: auto !important; margin-top: 12px; margin-left: 2%;} #contentlr, .wide #contentlr, #contentr { width: 66% !important;margin-top: 12px; margin-left: 2%; } #right, .wide #right { width: 30%; float:left; } #contentl .content { max-width: 90% !important; } #contentlr .content { max-width: 98%; } #left, .wide #left { float:none; width: 20px; overflow:visible; min-height: 20px; position: absolute; z-index:9;} #left .sechead { min-width: 420px; } #left .leftimg { display: none; } #left div.bdr, .wide #left div.bdr { width: 256px; background: #ddd; left:-252px; margin:0 0 0 18px; border: solid 3px white; box-shadow: 1px 1px 2px #666; } #left div.slidable { overflow:hidden; -webkit-transition: left .5s ease-in;-moz-transition: left .5s ease-in;-ms-transition: left .5s ease-in;-o-transition: left .5s ease-in;} #left .bdr.out, .wide #left .bdr.out { left: -16px; background:#ccc; } #left.box ul.l0 { width: 230px; background: #eee;border:none; box-shadow:none;border-right: solid 1px #ccc;min-height: 260px;} #left div.tag { display: block; position:absolute; left: 238px; top: 16px; text-align: right; width: 240px; height: 240px; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg); cursor: pointer; font-weight: bold; } #left div.tag img { padding: 2px 4px; } .premium { width: 180px; } .premium .links { display: none !important; } .premium a, .premium a:link, .premium a:visited { padding-right: 6px; } } /* alternate ptabs layout for tiny screens */ @media (max-device-width: 580px) { #contentlr, .wide #contentlr, #contentr { float:none; width: auto !important; margin-right: 12px; } #right, .wide #right { float:none; width: auto; margin-left: 4%; } #right .addthis_button { float: right; margin: -24px 12px 0 0 } .preright { width: 188px; margin-right: 6px; } .preright img { width: 100%; height: auto; } #ptabs { width: auto; min-width: 430px; margin-right: 6px;} #ptabs .ui-tabs-nav li a { padding: 2px 8px; } #ptabs .hscroll { width: auto !important; margin:0 } #ptabs ul { width: auto !important; margin: 0; } #ptabs a.leftscroll, #ptabs a.rightscroll { display: none; } #ptabs ul.thumblist { height: auto; } #ptabs ul.thumblist div.thumb { position: absolute; left:-12px; width: 32px; height: 32px; background-size: contain; } #ptabs .thumblist li { position: relative; width: 44%; margin: 6px 3%; min-height: 32px;} #ptabs .thumblist a { padding-left: 32px; display: block; } #ptabs .thumblist br, #ptabs .thumblist .addthis_button { display: none; } #ptabs a.viewall { display: none; } } /* ptabs sideways one col for phones */ @media (max-device-width: 380px) { .sechead a { white-space: nowrap; font-size: 18px;} .preright { width: 132px; margin-right: 6px; } .premium { width: 120px } .premium img { width: 80%; } #ptabs { position: relative; min-width:280px; } #ptabs ul.ui-tabs-nav { position:absolute; margin-top:-22px;min-width: 420px; -webkit-transform-origin: bottom left; -webkit-transform: rotate(90deg) scaleY(-1); -moz-transform-origin: bottom left; -moz-transform: rotate(90deg) scaleY(-1); } #ptabs .ui-tabs-nav li { margin-right: 4px; -webkit-transform: rotate(180deg) scaleY(-1); -moz-transform: rotate(180deg) scaleY(-1);} #ptabs .ui-tabs-nav li a { padding: 2px 6px; } #ptabs .thumblist li { float: none; clear: left; width: auto; } #ptabs .ui-tabs-panel .gradientDown { min-height: 320px; } } /* /templates/vzb2012/brand.css Thu, 09 Mar 2017 15:18:32 GMT */ @font-face { font-family: 'vzwIcons'; src: url('/gfx/brand/vzw-iconfont.eot'); src: url('/gfx/brand/vzw-iconfont.eot#ie') format('embedded-opentype'), url('/gfx/brand/vzw-iconfont.woff') format('woff'), url('/gfx/brand/vzw-iconfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } [data-icon]:before {font-family: 'vzwIcons';content: attr(data-icon);speak: none;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:inline;} #page { min-width: 720px; } .vzb2013 #page { background-color: #ffffff; } #UniversalNav { background: #7b0000; } .vzb2013 #UniversalNav { background: #fff; } .vzb2013 #UniversalNav div.container { max-width: 1000px; min-width:720px; margin: 0 auto; min-height: 25px; background: #fff; position: relative; } #UniversalNav div.container { max-width: 1280px; min-width:720px; margin: 0 auto; min-height: 25px; background: #7b0000; position: relative; background-position: top center; background-image: url('/gfx/brand/nav_bg_center.jpg'); background-image: -moz-linear-gradient(left,#7b0000,#9d0000 50%,#7b0000); background-image: -webkit-gradient(linear,left top, left bottom, from(#7b0000), color-stop(#9d0000,50%), to(#7b0000)); background-image: -o-linear-gradient(left,#7b0000,#9d0000 50%,#7b0000); } .ie #UniversalNav div.container { z-index: 5; } #toplinks { float:right; } #toplinks li>a { color: #fff; font-size: 12px; padding: 6px; display: block; position: relative; } #toplinks li:hover>a, #toplinks li.on>a { color: #fff; background-color: #600; z-index:10;} #toplinks li { float:left; position: relative; margin: 0; padding:0; display: block; background: none; border: none !important; } #toplinks ul.menu { display: none; position: absolute; z-index: 9; top: 24px; min-width: 120px; max-width: 160px; background: #eee; margin:0; padding:0; box-shadow: 1px 1px 2px #633;} #toplinks li:hover ul.menu { display: block; margin:0;} #toplinks ul.menu li { float: none; } #toplinks ul.menu a { color: #000; padding: 2px 6px; border-color: #ccc; text-align: left;} #toplinks ul.menu a:hover { color: #ed1c24; } .vzb2012 #toplinks li.sign-in span::before { color: #fff; } .vzb2013 #toplinks>li>a {color: #4b4b4b;padding: 18px 9px 6px; font-family:NeueHaasGrotesk,Arial,Sans-Serif;font-weight:500} .vzb2013 #toplinks li:hover>a { color: #cd040b; background: none;} .vzb2013 #toplinks li.on>a { color: #cd040b; background-color: #eef1f9; z-index:10;} #langselect { display:none; width: auto; clear:none; color: #ccc; border-left: solid 1px #ddd; margin: 0 6px; border-radius: 6px;} #langselect li { padding:0; display: block; float:left; border-right: solid 1px #ddd; border-radius: 6px;} #langselect li.on { padding: 6px; } #langselect a { color: #999; text-decoration: none; padding: 6px; display: block; } #langselect a:hover { color: #e22; } #countryselector { padding-bottom: 6px; margin-top: -1px; right: -48px; } #toplinks #countryselector ul li>a { border: none; padding: 3px 0;} #countryselector li>a:hover,#countryselector li:hover>a { background: none; color: #f00; } #countryselector .countries a { border-bottom: solid 1px #eee; } ul.eyebrow { display: none; } #topsignin { display: none; } #header #topsignin { position: absolute; z-index:9; right:-12px; top: 26px; width: 264px; border: solid 1px #ccc; background: #eef1f9; text-align:left;} #toplinks li:hover #topsignin,#toplinks li.on #topsignin { display: block; } #topsignin h3 { margin: 0 12px 6px; color: #333; font-family: Apex, Arial, Sans-Serif; font-weight:lighter;text-transform: uppercase; } #topsignin form { margin: 12px; } #topsignin form:after { content: " "; display: block; clear: left; height: 0px; } #topsignin .captcha { display: none;} #topsignin .error, #topsignin .invalid,#topsignin .forgot,#topsignin .locked { display: none; } #topsignin.invalid .invalid,#topsignin.forgot .forgot,#topsignin.locked .locked { display: block; } #topsignin h5 {background: #b00; color: #fff; margin:0; padding: 4px 12px; font-weight: bold; text-align: center; margin-bottom: 6px; } #topsignin.invalid form>div.form, #topsignin.forgot form>div.form, #topsignin.locked form>div.form { background: #ddd; border: solid 1px #b00; margin: 0 -6px 6px; padding-bottom: 6px;} #topsignin.invalid input.txt,#topsignin.forgot input.txt,#topsignin.locked input.txt { margin-left: 6px; background-color: #ffc;} #topsignin.failed .failed { display: block; border: solid 1px #b00; background: #ddd; } #topsignin .failed h4 { background: #b00; color: #fff; padding: 4px 12px; margin: 0; } #topsignin.failed input.txt, #topsignin.failed .remember, #topsignin.failed button { display: none; } #topsignin label.txt { display: block; position: absolute; padding: 6px 0 6px 12px; width: 192px; z-index:0; color: #999; background:#fff; font-style: italic;} #topsignin input.txt { display: block; position: relative; z-index:2; margin-bottom: 6px; width: 192px; padding: 4px 6px; background: #fff no-repeat 6px center;} #topsignin input.required, #topsignin.invalid input.txt { background-color: #ffc; } #topsignin #vectuid.blank { background-color: transparent; } #topsignin #vectpwd.blank { background-color: transparent; } #topsignin .remember { display: block; } #topsignin .remember label { margin-left: 6px; font-size: 12px;} #topsignin button, #topsignin div.button { display: block; margin: 6px 12px 0 0; float:left; min-width: 80px;} #topsignin button span, #topsignin .button span { height: 26px; line-height: 26px; font-size: 12px; padding: 0 9px; font-weight: bold; } #topsignin .button a { height: 26px; padding:0; } #xtopsignin a { text-decoration: none; } #topsignin p { margin: 6px 12px 12px; font-size: 12px;} #header { background: #890000; position: relative; width: 100%;} .vzb2013 #header { background: #fff; padding-bottom: 24px; border-bottom: solid 1px #f2f2f2;} .ie #header { z-index: 9; } #header.gnav { z-index: 8; } #header a.close { color: #fff; } .popup #GlobalNavigation { min-height: 20px; } #header .logo { margin: 0;} .vzb2013 #header a.logo { background: #ec1c24 no-repeat; float: left; width: 115px; height:105px; border-bottom-left-radius: 15px; } .vzb2013 #header a.logo img { background: #ec1c24; float: none; vertical-align:top; margin:0;} #footer { margin: 6px auto; width: auto; max-width: 1280px;} #footer p { float: none; text-align: left; } #footer a { text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer li { border-left: solid 1px #ccc; padding: 0 6px; margin: 0;} #footer li:first-child { border: none; } #footer p.copyright { font-size: 14px; font-weight: 300; font-family: NeueHaasGrotesk,Arial,Sans-Serif; color:#333;} #footer .socialsites { min-width: 20%; margin:0;} #footer #socialsitesphrase { float: none; } #footer #socialsitesphrase p { font-size: 16px; color: #000; font-family: NeueHaasGrotesk,Arial,Sans-Serif; font-weight: 500; margin:0 0 6px; padding:0;} #footer #socialsitesicons>a { text-decoration: none; } div#socialsitesicons>a { display: block; float:left; padding: 2px; margin: 4px 6px; color: #999; width:24px; font-size: 30px; text-align:center;} .share8>a.vzi-facebook-square { color: #3a5795; } .share8>a.vzi-twitter { color: #55acee; } .share8>a.vzi-linkedin-square { color: #1b86bc; } #socialsitesicons a.vzi-facebook-square { color: #3a5795;} #socialsitesicons a.vzi-twitter { background: #fff; color: #55acee; } #socialsitesicons a.vzi-linkedin-square { color: #1b86bc; } #socialsitesicons a.vzi-youtube { color: #fff; background: #e62117; border-radius: 6px; font-size: 20px; } #socialsitesicons a.vzi-slideshare { color: #0479B6; } #footer .bottom { border:none; margin:0; padding-top: 36px; } #footer .bottom ul { padding: 56px 24px;background: #f7f7f7; } #footer #hostinfo { top: 38px; right: 2px; } .hostinfo { clear:right;float:right; } .lang-ja #footer { font-size: 11px; } #topnav { float:left; width: auto; height: auto; background: none; clear:none; position: absolute; left: 120px; bottom: 0;} #topnav table { border: none; width: auto; height: auto; background: none;} #topnav td { border: none; height: 76px; vertical-align: bottom; position:relative;} #topnav td:hover { background-image: -moz-linear-gradient(top,#a80000,#890000); background-image: -webkit-gradient(linear,left top, left bottom,from(#a80000),to(#890000)); } .vzb2013 #topnav td:hover { background:#ec1c24;} #topnav a.main:hover { background: none; text-decoration: none;} #topnav td:hover::after { position: absolute; content:" "; width: 1px; display: block; left:40%; z-index:9; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px #ec1c24;} #topnav a.main { font-family: Apex,Arial,Sans-Serif;font-weight:300; font-size: 20px; padding-bottom: 8px; white-space: nowrap; color: #666;} #topnav ul.one { background: #fafafa; padding: 12px 6px 6px; border: solid 1px #ccc; border-top: none; box-shadow: 2px 2px 4px #999;} #topnav ul.one li { background: none; border: none; } #topnav ul.one a { color: #666; font-weight: normal; font-size: 12px;} #topnav ul.one a:hover { background: none; color: #f00; } #topnav ul.two { display: none !important; } .medium #topnav a.main { font-size: 20px; } .lowertopnav {position: absolute; top:25px; z-index:8; } .lowertopnav #topnav { top:0; xheight: 76px; } #GlobalNavigation { background: #890000; max-width: 1000px; min-width:800px; margin: 0 auto; position: relative; background-position: bottom center; min-height: 76px; background-image: url('/gfx/brand/nav_bg_center.jpg'); background-image: -moz-linear-gradient(left,#890000,#b00000 50%,#890000); background-image: -webkit-gradient(linear,left top, left bottom, from(#890000), color-stop(#b00000,50%), to(#890000)); background-image: -o-linear-gradient(left,#890000,#b00000 50%,#890000); } .vzb2013 #GlobalNavigation { background: #fff; max-width: 1280px; min-width:800px; margin: 0 auto; padding: 0 24px; position: relative; min-height: 76px;box-sizing:content-box;} .lang-en .lowertopnav { display:none; } div#topnav { display: block; position: relative; z-index: 9; } #topnavz { position: absolute; left: 160px; bottom: 0; xoverflow: hidden; right: 6px; } .ie #topnavz li.mobile, #topnavz li.clear { display: none; } #topnavz>ul { background: none; padding:0; margin:0; bottom:0; left:0; right:0; width: auto; } .ie #topnavz ul { overflow: hidden; } #topnavz>ul>li { display: block; list-style: none; float:left; clear:none; width: auto; padding:0 2px; margin: 0 12px;} #topnavz>ul>li:first-child {margin-left:0; } #topnavz a.main { font-family: Apex,Arial,Sans-Serif;font-weight:300; display: block; padding: 15px 2px; margin: 0 2px; font-size: 20px; line-height:20px; color: #000; cursor:pointer; text-decoration:none; text-align: center; position: relative;} .vzb2012 #topnavz a.main { color: #fff; } #topnavz a.main:hover { color: #cd040b; } #topnavz li.on a.main, #topnavz a.main.on, #topnavz a.main.on:hover {color: #cd040b; } .vzb2012 #topnavz a.main:hover,.vzb2012 #topnavz a.main.on { color:#fff; background-color: #b40000; background-image: -moz-linear-gradient(top,#a80000,#890000); background-image: -webkit-gradient(linear,left top, left bottom,from(#a80000),to(#890000)); } #topnavz a.menu { display: none; margin: 4px 0; font-size: 20px; line-height: 20px; text-align:left; } #topnavz a:focus { border: none; } #header #UniversalNav { position: relative; z-index:9; } #header #GlobalNavigation { z-index: 6;} #topnavz .main div.down { display: none; position: absolute; bottom: -12px; width: 90%; height: 12px; } #topnavz .main div.down:after { content:" "; display: block; margin:0 auto; width: 1px; border-left: solid 12px #fff; border-right: solid 12px #fff; border-top: solid 12px #cd040b;} .vzb2012 #topnavz .main div.down:after { border-color: transparent; border-top: solid 12px #800;} #topnavz a.main>span { color: inherit; } #topnavz a.on { color: #ddd; position: relative; } #topnavz a.on div.down { display: block; } #GlobalNavigation a.mobile,#GlobalNavigation a.mobile-menu { display: none; position: absolute; top: 36px; left:12px; z-index:10; color: #666; text-decoration: none; font-size: 30px; padding: 4px; background: #fff; } #GlobalNavigation a.mocontact { display: none; position: absolute; top: 6px; right: 40px; color: #666; text-decoration: none; font-size: 30px; padding: 4px; } #GlobalNavigation a.mocontact.on { color: #cd040b; } #GlobalNavigation a.mocontact::before { content: "\e601"; font-family: vesicons; font-size: 20px; position: absolute; left: -8px; top: 6px;} #GlobalNavigation a.mocontact::after { content: "\e600"; font-family: vesicons; } #search { margin-top: 48px; margin-right: 6px; width: auto; position: relative; z-index:4; } #search form { background: #fff; border-bottom: solid 1px #999; } #search table { margin:0; border-radius: 4px;} #search .button { position: absolute; top:4px; right:0; border: none; background:none; padding:0 4px; font-size: 16px; } #search input.q { background: #fff; color: #999; border: none; padding: 4px 24px 4px 12px; margin:1px 0 1px 1px; min-height: 12px; line-height: normal; font-size: 16px; width: 128px; } #search input.q:focus { color: #6d6e71; border-color: #6d6e71;} .vzb2012 #search input.q { padding: 4px 6px; } .vzb2012 #search .button { top: 1px; bottom:1px; padding-left: 4px; border-left: solid 1px #ddd; } #search label { color: #4b4b4b; font-size: 14px; top: 6px; left: 2px; } #search input.q:focus { background: #fff; } #search input.q:valid { background: #fff; } .vzb2012 #search .button::before { color: #666; } #superfooter { background: #fff; } #page.medium, .medium #GlobalNavigation { min-width: 960px; } #wrapper,.vzb2013 div#GlobalNavigation, #footer, div#superfooter>ul { max-width: 1180px; } @media all and (max-width: 1280px) { #wrapper,.vzb2013 div#GlobalNavigation, #footer, div#superfooter>ul { max-width: 970px; min-width: 720px; } } @media all and (max-width: 992px){ #wrapper,.vzb2013 div#GlobalNavigation, #footer, div#superfooter>ul { max-width: 720px; min-width: 320px; } #page, #page.medium, #UniversalNav div.container,#page #GlobalNavigation { min-width: 720px; } .vzb2013 #GlobalNavigation { min-height: 56px; padding-bottom:12px; } div#topnavz>ul, #GlobalNavigation div#search { display: none; } #GlobalNavigation a.mobile,#GlobalNavigation a.mobile-menu { display: block; } .vzb2013 #header { padding-bottom: 0;} .medium #search { margin-top: 2px; } .medium #topnav { left: 112px; top: 36px; } .medium #topnav td { height: 76px; } .medium #topnav a.main { padding-bottom: 5px; } #topnav td { min-width: 96px; } #topnavz li.m { margin: 0 4px; } #topnavz a.main { font-size: 18px; } } @media all and (max-width: 760px){ #header #GlobalNavigation {min-width: 640px; } div#topnavz>ul, #GlobalNavigation div#search { display: none; } #GlobalNavigation a.mobile,#GlobalNavigation a.mobile-menu { display: block; } #search input.q { width: 120px; padding: 3px 8px; } #search .button { top: 3px; font-size: 1.2em;} #topnavz { left: 120px; } #topnavz a.main { font-size: 18px; height: 40px; line-height: 18px; display: table-cell; vertical-align:bottom; text-align: center;} #topnavz a.menu { display: none; height: auto; } #topnavz li { min-width: 15%; } #page,#page.medium, #UniversalNav div.container,#page #GlobalNavigation { min-width: 480px; } #search { margin-top: 2px; } #search input.q { width: 96px; } #topnav { left: 112px; xtop: 36px !important;} #topnav td { min-width: 80px; } #topnav a.main { font-size: 22px; padding-bottom: 5px; } .medium #topnav a.main { font-size: 18px; padding-left: 6px; padding-right: 6px; } #topnav td:last-child li { width: 140px; } } @media all and (max-width: 560px){ #page { overflow: hidden; } .vzb2013 #GlobalNavigation { padding-bottom:0; } #topnav { height: 24px; } #topnav td { min-width: 72px;} #topnav a.main { font-size: 18px; padding-left: 6px; padding-right: 6px; } #topnav td li { width: 160px; } #header a.logo { background-image: none; } #search input.q { width: 80px; } #socialsitesphrase { float: none; margin-top: -24px; } .socialsites p { font-size: 11px; margin: 0 !important;} .socialsites a.icon { width: 28px; height: 28px; background-image: url('/gfx/icons/share_sprite.png');} #footer .bottom { margin: 0; } .medium #topnav a.main { font-size: 16px; padding-bottom: 0;} .medium #topnav { left: 6px; top: 0 !important } .medium #topnav td { height: 24px; } .medium #topnav td.col5 ul.one { margin-left: -24px; } #topnav td:last-child ul.one { margin-left: -24px; } #topnav td:last-child li { width: 140px; } #toplinks { display:none; } #GlobalNavigation a.mobile,#GlobalNavigation a.mobile-menu { display: block; top:6px; } #GlobalNavigation a.mocontact { display: block; } } @media all and (max-device-width: 800px) and (max-width: 480px){ #toplinks .about,#toplinks .support, #toplinks #changecountry { display:none; } #header #GlobalNavigation {min-height: 32px; padding-bottom:0; } #GlobalNavigation a.mocontact { display: block; } #UniversalNav { display: none; } .nophone { display: none; } #header a.logo { top: 0; } #header img.logo { width: 50px; height: 32px; margin:0; } .vzb2012 #header a.logo { float:left; padding: 2px; } .vzb2012 #search { margin-top: 2px; } #topnavz { left: auto; right: 0; top: 0; width: 48px;} #topnavz li { min-width: 10%; max-width: 50%;} #topnavz a.main { display: none; } #topnavz a.menu { display: block; position:relative; padding: 0 0 0 48px; height: 32px; top:1px;overflow:hidden;} #topnavz a.main.menu div.down { display: block; position: absolute; left: 0px; bottom: 3px; width: 28px; height: 20px; color: #f00; } #topnavz a.main.menu div.down::before { font-family: vesicons; content:"\e015"; font-size: 32px; } #topnavz a.main.on, #topnavz a.main.on:hover{ background-color: #fff; } #topnavz .main div.down:after { display: none; } .vzb2012 #topnavz a.main.menu div.down, .vzb2012 #topnavz a.menu.on div.down { background-color: #eee; } #page,#page.medium, #UniversalNav div.container,#page #GlobalNavigation { min-width: 320px; } #page #GlobalNavigation { min-height: 48px; } #header:first-child { min-height:0 } #header a.logo { padding: 14px; width: auto; height: auto;} .vzb2013 #header a.logo { background-size: contain; width: auto; height: auto; } #header img.logo { width: 57px; height:52px; } #topnav { left: 12px; xtop: 24px !important;} #topnav td { min-width: 68px; height: 20px;} #topnav a.main { font-size: 14px; padding: 2px 6px 2px 8px; height: 20px; line-height: 20px; } .lowertopnav { top:32px; left: 48px } .lowertopnav #topnav { left: 0 } #toplinks { display: none;} #toplinks li#changecountry { display: none; } #toplinks a { font-size: 11px; border: none;} #toplinks:after { content:" "; display: block; height:0px; clear:left; } #topnav td { height: auto } #search { display: none; position: absolute; right: 50px; top: 0px; z-index:0;} .vzb2013 #search { margin-top: 2px; } .lang-en #search { display: block; } #search::before { display: block; text-align:right; right: 50px; padding: 6px 0 12px; content: "\e043"; font-family: vesicons; font-size: 32px; color: #f00; cursor:pointer; } #search form { display: none; position: absolute; background: #eee; padding: 12px 0; width: 100%; border-bottom: solid 1px #ccc;} #search.on { left:0; right:0; } #search.on form { display: block; } #search.on::before { color: #999; margin-right: 50px;} #search input.q { width: 80% !important; margin-right: 12px; line-height: 18px; min-height: 18px; } #search .button { top: 18px; right: 8px } #search input.button { height: 18px; width: 18px; } .medium #topnav a.main { font-size: 12px; padding-right: 6px; } .medium #topnav td { min-width: 40px; height: 26px; } .medium #topnav td:last-child li { width: 106px; } .medium #topnav td.col5 li { width: 106px; } #countryselector { margin-left: 0; } #footer .bottom { clear:left; border: none; padding-top:0; width: auto;} #footer .hostinfo { position: static; left:0 } #footer .bottom ul { clear:left; } #footer .bottom a { font-size: 11px } #footer p.copyright { float:none;border-bottom: solid 1px #ccc; margin: 2px 12px; padding-left: 0;} #footer .socialsites { float:none; margin-left: 12px;} #footer .socialsites p { margin:0; padding: 6px 0;} #socialsitesphrase { margin-top: 0; } #socialsitesicons { padding: 0; } #socialsitesicons a { margin-right: 8px; } } /* /templates/banc/fonts.css Thu, 11 Feb 2016 16:09:36 GMT */ // old family names @font-face { font-family: 'ApexSansBook'; src: url('/gfx/brand/apexsans-medium_0-webfont.eot'); src: url('/gfx/brand/apexsans-medium_0-webfont.eot#ie') format('embedded-opentype'), url('/gfx/brand/apexsans-book_0-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ApexSansMedium'; src: url('/gfx/brand/apexsans-medium_0-webfont.eot'); src: url('/gfx/brand/apexsans-medium_0-webfont.eot#ie') format('embedded-opentype'), url('/gfx/brand/apexsans-medium_0-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Apex'; src: url('/gfx/brand/apexsans-medium_0-webfont.eot'); src: url('/gfx/brand/apexsans-medium_0-webfont.eot#ie') format('embedded-opentype'), url('/gfx/brand/apexsans-medium_0-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Apex'; src: url('/gfx/brand/apexsans-mediumitalic_0-webfont.eot'); src: url('/gfx/brand/apexsans-mediumitalic_0-webfont.eot#ie') format('embedded-opentype'), url('/gfx/brand/apexsans-mediumitalic_0-webfont.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Apex'; src: url('/gfx/brand/apexsans-medium_0-webfont.eot'); src: url('/gfx/brand/apexsans-medium_0-webfont.eot#ie') format('embedded-opentype'), url('/gfx/brand/apexsans-book_0-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Apex'; src: url('/external/fonts/verizonApex-book-italic.eot'); src: url('/external/fonts/verizonApex-book-italic.eot#ie') format('embedded-opentype'), url('/gfx/brand/apexsans-book-italic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Apex'; src: url('/external/fonts/verizonApex-bold.eot'); src: url('/external/fonts/verizonApex-bold.eot#ie') format('embedded-opentype'), url('/gfx/brand/apexsans-bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Apex'; src: url('/external/fonts/verizonApex-bold-italic.eot'); src: url('/external/fonts/verizonApex-bold-italic.eot#ie') format('embedded-opentype'), url('/gfx/brand/apexsans-bold-italic.woff') format('woff'); font-weight: bold; font-style: italic; } @font-face { font-family: 'NeueHaasGrotesk'; font-weight: normal; font-style: normal; src: url('/brand/fonts/neuehaasgrotesk-m.woff') format('woff'); } @font-face { font-family: 'NeueHaasGrotesk'; font-weight: 300; font-style: normal; src: url('/brand/fonts/neuehaasgrotesk.woff') format('woff'); } @font-face { font-family: 'NeueHaasGrotesk'; font-weight: 500; font-style: normal; src: url('/brand/fonts/neuehaasgrotesk-b.woff') format('woff'); } @font-face { font-family: 'NeueHaasGroteskDisplay'; font-weight: normal; font-style: normal; src: url('/brand/fonts/neuehaasgrotesk-disp-m.woff') format('woff'); } @font-face { font-family: 'NeueHaasGroteskDisplay'; font-weight: 300; font-style: normal; src: url('/brand/fonts/neuehaasgrotesk-disp.woff') format('woff'); } @font-face { font-family: 'NeueHaasGroteskDisplay'; font-weight: 500; font-style: normal; src: url('/brand/fonts/neuehaasgrotesk-disp-b.woff') format('woff'); } @font-face { font-family: 'vzwIcons'; src: url('/gfx/brand/vzw-iconfont.eot'); src: url('/gfx/brand/vzw-iconfont.eot#ie') format('embedded-opentype'), url('/gfx/brand/vzw-iconfont.woff') format('woff'), url('/gfx/brand/vzw-iconfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vesicons'; src:url('/gfx/brand/ves-icons.eot'); src:url('/gfx/brand/ves-icons.eot#ie') format('embedded-opentype'), url('/gfx/brand/ves-icons.woff') format('woff'), url('/gfx/brand/ves-icons.ttf') format('truetype'), url('/external/fonts/vesicons.svg#vesicons') format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before {font-family: 'vzwIcons';content: attr(data-icon);speak: none;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:inline;} [class^="vzi-"], [class*=" vzi-"] { font-family: 'vesicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none;line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="vzi-"]::before, [class*=" vzi-"]::before {font-family: 'vesicons' !important; } .vzi-arrowleft:before { content: "\f053";} .vzi-arrowright:before {content: "\f054";} .vzi-arrowup:before { content: "\f077";} .vzi-arrowdown:before { content: "\f078";} .vzi-arrow-left:before { content: "\f060"; } .vzi-arrow-right:before { content: "\f061"; } .vzi-arrow-up:before { content: "\f062"; } .vzi-arrow-down:before { content: "\f063"; } .vzi-arrow-left-c:before { content: "\f0a8"; } .vzi-arrow-right-c:before { content: "\f0a9"; } .vzi-arrow-up-c:before { content: "\f0aa"; } .vzi-arrow-down-c:before { content: "\f0ab"; } .vzi-left:before { content: "\f0d9";} .vzi-right:before { content: "\f0da";} .vzi-up:before { content: "\f0d8";} .vzi-down:before { content: "\f0d7";} .vzi-plus-c:before { content:"\f055"; } .vzi-minus-c:before { content:"\f056"; } .vzi-check-c:before { content:"\f058"; } .vzi-cross-c:before { content:"\f057"; } .vzi-plus:before { content:"\f068"; } .vzi-minus:before { content:"\f069"; } .vzi-check:before { content: "\f00c";} .vzi-cross:before { content: "\f00d";} .vzi-sort:before { content: "\f0dc";} .vzi-triangle:before { content: "\e014";} .vzi-support:before{ content: "\e025";} .vzi-find:before { content: "\f002";} .vzi-envelope:before { content: "\f003";} .vzi-mail:before { content: "\e04f";} .vzi-home:before { content: "\f015";} .vzi-linkedin-square:before { content: "\f08d";} .vzi-twitter:before { content: "\f099";} .vzi-facebook:before { content: "\f09a";} .vzi-googleplus-square:before { content: "\f0d4";} .vzi-googleplus:before { content: "\f0d5";} .vzi-linkedin:before { content: "\f0e1";margin-left:4px;} .vzi-rss-square:before { content: "\f143";} .vzi-youtube2:before { content: "\f167";margin-left:4px;} .vzi-slideshare:before { content: "\e60f"; } .vzi-gear:before { content: "\e00d";} .vzi-menu:before { content: "\e015";} .vzi-alert:before { content: "\e02d";} .vzi-signin:before { content: "\e034";} .vzi-thumbup:before { content: "\e037";} .vzi-thumbdown:before { content: "\e038";} .vzi-search:before { content: "\e043";} .vzi-dot:before { content: "\e048";} .vzi-cright:before { content: "\e049";} .vzi-cleft:before { content: "\e04a";} .vzi-globe:before { content: "\e053";} .vzi-close:before { content: "\e063";} .vzi-star:before { content: "\e075";} .vzi-facebook-square:before { content: "\f082";} .vzi-twitter-square:before { content: "\f081";} .vzi-twitter-circle:before { content: "\e091";} .vzi-facebook-circle:before { content: "\e092";} .vzi-googleplus-circle:before { content: "\e093";} .vzi-youtube:before { content: "\e095";} .vzi-uniE096:before { content: "\e096";} .vzi-arrow:before { content: "\e0af";} .vzi-chat:before { content: "\e600";} .vzi-searchcircle:before { content: "\e604";} .vzi-mobile:before { content: "\e601";} .vzi-phone:before { content: "\e602";} .vzi-envelope:before { content: "\e603";} .vzi-print:before { content: "\e605";} .vzi-flag:before { content: "\e607";} .vzi-warning:before { content: "\e608";} .vzi-question:before { content: "\e609";} .vzi-info:before { content: "\e60a";} .vzi-share:before { content: "\e60b";} .vzi-ellipsis:before { content: "\f141";} .vzi-ellipsis-v:before { content: "\f142";} .vzi-checked:before { content: "\f046";} .vzi-locked:before { content: "\e60c";} .vzi-unlocked:before { content: "\e60d";} .vzi-mailbox:before { content: "\e60e"; } .vzi-flyout:before { content: "\e613"; } .vzi-overlay:before { content: "\e900"; } .vzi-video:before { content: "\e901"; } .vzi-pdf:before { content: "\e902"; } /* /templates/vzb2012/guide.css Wed, 09 Sep 2015 15:06:21 GMT */ /* style guide */ h1,h2,h3,p.h1 { font-family: NeueHaasGrotesk,ApexSansMedium, Arial, Helvetica; font-weight: normal; color:#cd040b; line-height: 120%} h1, h1.title,p.h1.title { font-size: 32px; line-height: 120%; margin-bottom: 2px;} h1.sm, .ctry-jp h1 { font-size: 27px; } h2 { font-size: 24px; margin-bottom: 12px;} h2.bg { font-size: 26px; color:#fff; background-color: #888; text-shadow: #333 0 2px 16%} h3 { font-size: 20px; margin-bottom: 10px;} h3.bg { background: #eee; padding: 2px 10px;} h4 { font-size: 18px; line-height: 120%; color: #333; margin-bottom: 8px; } h5 { font-size: 16px; line-height: 120%; color: #666; margin-bottom: 8px; } .content p { font-size: 14px; line-height: 20px; margin-bottom: 10px;} .content li, .content dd { font-size: 14px; line-height: 20px; } li span { color: #333; } p.large { font-size: 16px; margin-bottom: 15px; } p.small { font-size: 12px; margin-bottom: 8px; } p.smaller { font-size: 11px; margin-bottom: 6px; } ul#crumbs { font-size: 12px; line-height: 140%;} div.sechead { margin-left: 6px; font-family: ApexSansMedium, Arial, Helvetica; font-weight: normal; font-size: 24px;} #left { width: 230px; margin:0;} #left .bdr { width: auto; margin: 6px 0; } #contentl { width: 770px } .box+#contentl { width: 740px; } #contentl .premium { width: 200px; font-size: 12px; } .premium a, .premium a:link, .premium a:visited { padding-right: 2px; } .preright { width: 225px; } #contentl .content.featured { max-width: 550px; } #contentlr { width: 519px !important } .medium #left { width: 180px; } .medium #contentl { width: 820px; } .medium #contentlr { width: 596px !important; } #right { font-size: 12px; line-height: 125%; } #ptabs .ui-tabs-nav li { height: 24px; } #ptabs .ui-tabs-nav li a { font-size: 14px; padding-top: 1px; } .thumblist a { font-size: 12px; } .bdr.module h3 { font-size: 14px; } .bdr.module p { line-height: 100%; font-size: 12px; } #newsfeature h4 { font-size: 12px } #newsfeature li { line-height: 120%; font-size: 12px; } @media all and (max-width: 780px) { h1, h1.title,p.h1.title { font-size: 27px; line-height: 34px; margin-bottom: 6px;} h2 { font-size: 22px; line-height: 28px; margin-bottom: 6px;} h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px;} h4, h5 { font-size: 16px; line-height: 20px; margin-bottom: 6px; } #contentlr { width: 66% !important; } } @media all and (max-width: 780px) { #contentlr { width: auto !important; } } @media all and (max-width: 560px) { ul#crumbs { display: none;} #wrapper>.share8 { display: none; } }