/* IMPORTED FROM WU3_API */ BODY { font-size: 12px; font-family: Arial, sans-serif; margin: 0; color: #333; } A { outline-style: none; text-decoration: none; } A { color: #213F9A; } A:hover { text-decoration: none !important; } A:visited { color: #46219a; } H1 { padding: 0px; margin: 0; font-size: 21px; } IMG, TABLE { border: 0px; } FORM { margin: 0px; padding: 0px; } DFN { font-style: normal; cursor: help; } CODE { padding: 0 10px; background-color: #EFEFEF; overflow: auto; display: block; } PRE { margin: 2px; } SELECT { height: 25px; line-height: 25px; padding-left: 5px; border: 1px solid #BEBEBE; font-size: 14px; } SELECT OPTION.item { display: block; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } VAR { color: red; font-style: italic; } /* for documentation */ IFRAME { border: 0; } #whatThis, #allReq { font-size: 11px; } #AdminBar { background-color: #A52E16; border-bottom: 1px solid #CCC; color: #FFF; } #AdminBar TR TD { font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #AdminBar .b { padding-left: 10px; } #AdminBar A { color: #DDD; } #AdminBar A SPAN { font-weight: bold; color: #FFF; } #AdminBar A:hover { color: #FF0; } #page { background: #FFF repeat-x top; } #wuPage984 { clear: both; text-align: left; width: 984px; overflow: hidden; margin: 0 auto; } #wuPage984 #innerContent { text-align: left; margin-top: 20px; } #wundermapTDU { width: 300px; padding: 17px; border: 1px solid #BEBEBE; margin: 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* API SITE REFRESH STYLES */ #splash { background: #0564AB url(//icons.wxug.com/i/api/splash-clouds.png) no-repeat top left; color: #FFF; width: 636px; height: 720px; margin-top: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #splash #topTab { float: right; margin-right: 30px; width: 125px; } #splash #topTab .blueTab { font-size: 13px; padding: 50px 16px 10px 16px; background-color: #21B8EB; color: #FFF; text-align: justify; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #splash #topTab .subTab { padding: 10px; color: #F89421; font-size: 12px; } #splash #topTab .subTab SPAN { font-size: 18px; text-transform: uppercase; font-weight: bold; } #splashInner { float: left; margin: 45px 0 0 130px; width: 320px; } #splashInner H1 { font-weight: bold; margin: 0; text-transform: uppercase; color: #0564AB; text-shadow: 1px 1px 4px #FFF; } #splashInner H1 .line1 { font-size: 34px; line-height: 28px; white-space: nowrap; } #splashInner H1 .line2 { font-size: 35px; line-height: 26px; white-space: nowrap; } #splashInner H1 .line3 { font-size: 40px; line-height: 32px; white-space: nowrap; } #splashInner H2 { font-size: 18px; font-style: italic; font-weight: normal; margin: 25px 0; } #splashInner .features DIV { font-size: 19px; font-weight: bold; text-transform: uppercase; } #splashInner .features UL { margin: 0; padding: 0; list-style-type: none; } #splashInner .features UL LI { margin: 0; padding: 0; list-style-type: none; font-size: 13px; font-style: italic; line-height: 19px; } #splashInner .nowWith { margin-top: 20px; color: #F89421; font-size: 14px; font-weight: normal; text-transform: uppercase; } #splashInner .wunderNow { color: #F89421; font-size: 20px; line-height: 20px; font-weight: bold; text-transform: uppercase; } #planConfig { background-color: #0564AB; color: #FFF; padding-bottom: 30px; } #planConfig #topTab { float: right; margin-right: 30px; width: 125px; } #planConfig #topTab .api_plan_name { height: 55px; } #planConfig #topTab .blueTab { min-height: 125px; font-size: 13px; padding: 15px; background-color: #21B8EB; color: #FFF; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #planConfig H2 { font-size: 25px; font-weight: bold; color: #21B8EB; margin: 55px 0 0 30px; text-transform: uppercase; } #planConfig H3 { font-size: 14px; font-weight: normal; color: #FFF; margin: 55px 0 0 30px; } #planConfig .selected .api_usage_text { color: #FFF; font-weight: normal; } #planConfig .api_usage_text { color: #21B8EB; } #planConfig .selected .api_package_text { color: #FFF; text-decoration: none; } #planConfig .api_package_text { color: #21B8EB; } #planContent { width: 436px; margin-left: 200px; } #planContent TABLE TD DIV { font-size: 13px; margin-bottom: 2px; } #planContent TABLE TR TD { color: #21B8EB; } #planContent TABLE TR TD .included { visibility: hidden; } #planContent TABLE TR.selected TD { color: #FFF; } #planContent TABLE TR.selected TD .included { visibility: visible; color: #21B8EB; } #planContent TABLE TR.selected TD .features, #planContent TABLE TR.included TD .features { color: #FFF; } #planContent #step1 { padding-right: 30px; margin-top: 10px; } #planContent #step2 { padding-right: 30px; margin-top: 10px; } #planContent #step3 { padding-right: 30px; margin-top: 10px; } #planContent .stepButton { float: left; width: 85px; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; background-color: #F89421; color: #FFF; font-weight: bold; font-size: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #planContent .stepText { float: left; height: 30px; line-height: 30px; margin-left: 10px; font-size: 14px; } #planContent #step2 .stepText { background: url(//icons.wxug.com/i/api/historyIcon.png) no-repeat right; padding-right: 40px; } #planContent #step2 #historyIcon { width: 101px; height: 100px; position: absolute; left: -170px; top: 25px; background: url(//icons.wxug.com/i/api/historyIconBig.png) no-repeat; } #planContent #checkOut { margin-top: 10px; } #planContent #checkOut .buyButton { float: left; width: 130px; height: 30px; line-height: 30px; cursor: pointer !important; text-align: center; text-transform: uppercase; background-color: #F89421; color: #FFF; font-weight: bold; font-size: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #planContent #checkOut .buyButton:hover { background-color: #F9CF2E; cursor: pointer !important; } #planContent #checkOut .disabled { float: left; width: 130px; height: 30px; line-height: 30px; cursor: pointer; text-align: center; text-transform: uppercase; background-color: #CCC; color: #999; font-weight: bold; font-size: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #planContent #checkOut .disabled { cursor: default; background-color: #CCC !important; } #planContent #checkOut .billingButton { float: left; width: 130px; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; background-color: #F89421; color: #FFF; font-weight: bold; font-size: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #planContent #checkOut .billingButton A { width: 130px; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; color: #FFF; font-weight: bold; font-size: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #planContent #checkOut .billingButton:hover { background-color: #F9CF2E; } #planContent #checkOut .buyText { float: left; margin-left: 30px; font-size: 14px; } #planContent #checkOut .buyText DIV:first-child { line-height: 30px; } #planContent #checkOut .buyText #billing A { color: #FFF; text-decoration: underline; } #planContent #customAPI { padding: 5px; line-height: 22px; background-color: #21B8EB; margin-top: 30px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #planContent #customAPI #hurricaneIcon { float: left; width: 55px; height: 45px; background: url(//icons.wxug.com/i/api/hurricaneIcon.png) no-repeat; margin-right: 10px; } #planContent #customAPI SPAN { font-weight: bold; font-size: 18px; text-transform: uppercase; } #planContent #customAPI A { color: #FFF; text-decoration: underline; } .cloud_a0 { background: url(//icons.wxug.com/i/api/stratusDeveloper.png) no-repeat; background-position: -40px 0; } .cloud_a1 { background: url(//icons.wxug.com/i/api/stratusDrizzle.png) no-repeat; background-position: -40px 0; } .cloud_a2 { background: url(//icons.wxug.com/i/api/stratusShower.png) no-repeat; background-position: -40px 0; } .cloud_a3 { background: url(//icons.wxug.com/i/api/stratusDownpour.png) no-repeat; background-position: -40px 0; } .cloud_b0 { background: url(//icons.wxug.com/i/api/cumulusDeveloper.png) no-repeat; background-position: -40px 0; } .cloud_b1 { background: url(//icons.wxug.com/i/api/cumulusDrizzle.png) no-repeat; background-position: -40px 0; } .cloud_b2 { background: url(//icons.wxug.com/i/api/cumulusShower.png) no-repeat; background-position: -40px 0; } .cloud_b3 { background: url(//icons.wxug.com/i/api/cumulusDownpour.png) no-repeat; background-position: -40px 0; } .cloud_c0 { background: url(//icons.wxug.com/i/api/anvilDeveloper.png) no-repeat; background-position: -40px 0; } .cloud_c1 { background: url(//icons.wxug.com/i/api/anvilDrizzle.png) no-repeat; background-position: -40px 0; } .cloud_c2 { background: url(//icons.wxug.com/i/api/anvilShower.png) no-repeat; background-position: -40px 0; } .cloud_c3 { background: url(//icons.wxug.com/i/api/anvilDownpour.png) no-repeat; background-position: -40px 0; } /* END OF API SITE REFRESH STYLES */ #welcome { width: 829px; height: 45px; padding-left: 10px; margin-top: 30px; font-size: 18px; font-weight: bold; } #apiAjaxFrame { overflow: hidden; } #hurricaneBox { border: 1px solid #CCC8A3; margin: 12px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #FCF9DC url(//icons.wxug.com/i/api/hurricane-icon.png) no-repeat; height: 90px; background-position: 2px 2px; } #hurricaneBox H3 { font-size: 20px; margin: 20px 0 0 120px; } #hurricaneBox DIV { font-size: 16px; margin: 0 0 0 120px; } #hurricaneBox DIV A { text-decoration: underline; } #newsBox { border: 1px solid #CCC8A3; margin: 12px 0; padding: 0 10px 10px 10px; background-color: #FCF9DC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #newsBox H3 { font-size: 20px; margin: 10px 0; } #newsBox DIV { font-size: 16px; } #newsBox DIV A { text-decoration: underline; } #keyConfig { background: url(//icons.wxug.com/i/api/background.png) no-repeat; width: 616px; height: 610px; color: #FFF; padding: 10px; } #keyConfig .selected .api_usage_text { color: #FFF; font-weight: bold; } #keyConfig .api_usage_text { color: #99e4a3; } #keyConfig .selected .api_package_text { color: #FFF; text-decoration: none; } #keyConfig .api_package_text { color: #c1d9ec; } #clouds { width: 307px; height: 386px; overflow: hidden; } #clouds DIV { position: absolute; top: 0; right: 0; display: none; } #priceBox { width: 210px; margin-left: 45px; background-color: #1B932B; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; } #priceBox #price .b { font-size: 24px; margin-right: 20px; } #priceBox INPUT.checkout { background: url(//icons.wxug.com/i/api/checkout-button.png) no-repeat; width: 186px; height: 69px; border: 0; } #priceBox INPUT.checkout.disabled { background-image: url(//icons.wxug.com/i/api/checkout-button-grey.png); } #priceBox INPUT.changesubscription { background: url(//icons.wxug.com/i/api/changeplan-button.png) no-repeat; width: 186px; height: 69px; border: 0; } #priceBox INPUT.changesubscription.disabled { background-image: url(//icons.wxug.com/i/api/changeplan-button-grey.png); } #priceBox #billing A { color: #FFF; text-decoration: underline; } #logo { float: left; width: 169px; no-repeat top right; } #logo IMG { margin: 10px 0; } #pageHeader #headerContent #navContent #featureMenu { height: 31px; margin: 0; overflow: hidden; position: absolute; bottom: 0; right: 10px; } #pageHeader #headerContent #navContent #featureMenu LI { float: right; list-style-type: none; margin-right: 10px; } #pageHeader #headerContent #navContent #featureMenu LI A { color: #FFF; font-weight: bold; display: block; height: 31px; line-height: 31px; padding: 0 10px 0 10px; white-space: nowrap; background: url(//icons.wxug.com/i/wu/tabInactiveBG.png) repeat-x; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; } #pageHeader #headerContent #navContent #featureMenu LI A:hover { text-decoration: none; background: #EBEEF6; color: #213F9A; display: block; height: 31px; line-height: 31px; padding: 0 8px 0 10px; white-space: nowrap; border-top: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; } #pageHeader #headerContent #navContent #featureMenu LI A.active { text-decoration: none; background: #FFF; color: #213F9A; display: block; height: 31px; line-height: 31px; padding: 0 8px 0 10px; white-space: nowrap; border-top: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; } #preFooter { height: 48px; } #footer { clear: both; width: 100%; background: url(//icons.wxug.com/i/w/wu3_FooterSepBg.gif) top repeat-x; } #footer #footerContents { width: 1008px; margin: 0 auto; overflow: hidden; } #footer A { color: #339; } #footer #signoff { clear: both; font-size: 11px; } #footer #signoff TABLE { width: 984px; } #footer #signoff #copyright { color: #999; padding: 4px 0 12px 12px; } #footer #signoff #moreInfo { padding: 4px 12px 12px 0; text-align: right; } .iconSet IMG { margin: 3px; } .alertBox.good { background-color: #CCF7BA; border: 1px solid #5DC97E; padding: 5px 10px 5px 7px; margin: 12px 0; } .alertBox.bad { background-color: #F7CBCB; border: 1px solid #EA5C5C; padding: 5px 10px 5px 7px; margin: 12px 0; } .alertBox.alert { background-color: #FCF9DC; border: 1px solid #CCC8A3; padding: 5px 10px 5px 7px; margin: 12px 0; } .alertBox.rain { background-color: #D2EBF9; border: 1px solid #57A6DD; padding: 5px 10px 5px 7px; margin: 12px 0; } .alertBox.good .alertItems { min-height: 18px; line-height: 18px; color: #333; } .alertBox.bad .alertItems { background: url(//icons.wxug.com/i/wu/alertTriOrange.png) no-repeat; min-height: 18px; line-height: 18px; padding-left: 25px; color: #333; } .alertBox.alert .alertItems { background: url(//icons.wxug.com/i/wu/alertTriOrange.png) no-repeat; min-height: 18px; line-height: 18px; padding-left: 25px; color: #333; } .alertBox.rain .alertItems { min-height: 18px; line-height: 18px; color: #333; } .alertBox .alertItems SPAN { font-weight: bold; } .alertBox .alertItems SPAN.nobr { white-space: nowrap; font-weight: normal; } .alertBox .alertItems .dismiss { color: #E5661A; } .titleThin { font-weight: bold; font-size: 12px; color: #FFF; background: url(//icons.wxug.com/i/wu/titleThinBar.png) repeat-x; height: 24px; line-height: 24px; padding-left: 10px; } .titleThick { margin: 0; font-weight: bold; font-size: 16px; color: #FFF; background: url(//icons.wxug.com/i/wu/titleThickBar.png) repeat-x; height: 44px; line-height: 44px; padding-left: 10px; } .titleThick A.titleThickShow { display: block; width: 44px; height: 44px; background: url(//icons.wxug.com/i/wu/titleThickArrows.png) no-repeat; background-position: 0px 0px; float: right; } .titleThick A.titleThickShow:hover { background-position: 0px -90px; } .titleThick A.titleThickHide { display: block; width: 44px; height: 44px; background: url(//icons.wxug.com/i/wu/titleThickArrows.png) no-repeat; background-position: 0px -45px; float: right; } .titleThick A.titleThickHide:hover { background-position: 0px -135px; } .titlePromo { border-left: 1px solid #3959A8; display: block; height: 44px; line-height: 44px; padding: 0 13px; color: #FFF; font-size: 11px; font-weight: normal; float: right; } .titlePromo.active { font-weight: bold; text-decoration: none; background: url(//icons.wxug.com/i/wu/titlePromoBG.png) repeat-x; } .titlePromo:hover { text-decoration: none; background: url(//icons.wxug.com/i/wu/titlePromoBG.png) repeat-x; } .titlePromo:visited { color: #FFF; } .titleSubtle { font-size: 11px; font-weight: normal; color: #666; } .titleSubtleBG { clear: both; font-size: 11px; font-weight: normal; color: #666; background-color: #EFEFEF; padding: 5px; } .titleSubtleBig { clear: both; font-size: 12px; font-weight: normal; color: #666; background-color: #EFEFEF; padding: 5px; } .primeContent636 { float: left; width: 636px; overflow: hidden; } .primeHeader { height: 29px; line-height: 29px; padding: 0 10px; background: url(//icons.wxug.com/i/wu/gradDownSmall.png) repeat-x; } .switch336 { width: 336px; float: right; padding-bottom: 10px; } .borderBox { background-color: #FFF; color: #333; margin-bottom: 12px; overflow: hidden; border-right: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; } .tooltip { background-color: #FFF; color: #000; border: 2px solid #FFF; padding: 7px 10px; width: 200px; font-size: 11px; z-index: 100;} .tooltip .ttPoint { width: 18px; height: 16px; position: absolute; bottom: -16px; background: url(//icons.wxug.com/i/wu/tooltipPoint.png) no-repeat; } .tabSelect { background: url(//icons.wxug.com/i/wu/condTabsBG.png) repeat-x; height: 41px; border-top: 1px solid #BEBEBE; } .tabSelect .contentTabs { height: 30px; padding: 0 10px; float: left; margin-top: 11px; overflow: hidden; } .contentTabActive { float: left; margin-right: 3px; display: block; height: 29px; line-height: 29px; padding: 0 10px; background-color: #FFF; color: #333; text-decoration: none; font-weight: bold; border-top: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; } .contentTabActive:hover { text-decoration: none; } .contentTabActive SPAN { font-weight: normal; } .contentTab { color: #213F9A; float: left; margin-right: 3px; display: block; height: 29px; line-height: 29px; padding: 0 10px; background-color: #E8E8E8; border-top: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; } .contentTab:hover { background-color: #FFF; } .contentTab:visited { color: #213F9A; } .contentTabActive:visited { color: #333; } .contentData { padding: 10px; border-top: 1px solid #BEBEBE; } .contentFooter { font-size: 11px; background: #EFEFEF url(//icons.wxug.com/i/wu/nowBarBG.png) repeat-x top; border-top: 1px solid #BEBEBE; } .contentFooterPad { font-size: 11px; padding: 0 10px; height: 26px; line-height: 26px; background: #EFEFEF url(//icons.wxug.com/i/wu/nowBarBG.png) repeat-x top; border-top: 1px solid #BEBEBE; } .contentFooter .cfTitle { padding: 0 10px; height: 26px; line-height: 26px; border-bottom: 1px solid #BEBEBE; } .contentFooter IMG { vertical-align: middle; } .contentTable { font-size: 11px; width: 100%; } .contentTable THEAD TR TH { height: 27px; line-height: 27px; font-weight: bold; text-align: left; padding: 0 10px; border-left: 1px solid #E0E0E0; border-bottom: 1px solid #BEBEBE; background: url(//icons.wxug.com/i/wu/tableHeaderBG.png) repeat-x top; white-space: nowrap; white-space: nowrap; } .contentTable THEAD TR TH:first-child { border-left: 0 !important; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .contentTable THEAD TR TH:last-child { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .contentTable THEAD TR TH.taC { text-align: center; } .contentTable TBODY TR TD { border-left: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; padding: 7px 5px 7px 10px; background-color: #FFF; } .contentTable TBODY TR TD:first-child { border-left: 0 !important; } .contentTable TBODY TR:hover TD { background-color: #E2E8F3; } .contentTable TBODY TR.nh:hover TD { background-color: #FFF; } .contentTable TBODY TR.near TD { padding: 3px 10px; } .contentTable TBODY TR.nob TD { border: 0; } .contentTable TBODY TR.gbg TD { background-color: #E0E0E0; } .contentTable TBODY TR.gbg:hover TD { background-color: #E0E0E0; } .contentTable TFOOT TR TD { min-height: 27px; padding: 7px 10px; text-align: center; border-top: 1px solid #BEBEBE; } .contentTable TFOOT TR TD.lightFooter { background: #FFF url(//icons.wxug.com/i/wu/gradDownSmall.png) repeat-x; } .contentTable TFOOT TR TD.darkFooter { background: #EFEFEF url(//icons.wxug.com/i/wu/nowBarBG.png) repeat-x top; } .contentTable TD.linkAway { padding: 0 10px; } .contentTable TD.linkAway A { display: block; width: 27px; height: 27px; background: url(//icons.wxug.com/i/wu/websiteArrow.png) no-repeat center; } .dataTables_length, .paging_full_numbers, .dataTables_filter { padding: 5px; } .rm30 { margin-right: 30px; } .lm125 { margin-left: 125px; } .cm204 { width: 202px; } .cm216 { width: 214px; } .cm300 { width: 298px; } .cm312 { width: 310px; } .cm320 { width: 318px; } .cm336 { width: 334px; } .cm420 { width: 418px; } .cm636 { width: 634px; } .h162 { height: 162px; } .h238 { height: 238px; } .h252 { height: 252px; } .h215 { height: 215px; } .h500 { height: 500px; } .h600 { height: 600px; } .w100 { width: 100px; } .w309 { width: 309px; } .w307 { width: 307px; } .w336 { width: 336px; } .w320 { width: 320px; } .w450 { width: 450px; } .contentMod { border: 1px solid #BEBEBE; background-color: #FFF; } .contentMod .cmTitle { color: #A55816; font-size: 14px; font-weight: bold; height: 32px; line-height: 32px; border-bottom: 1px solid #BEBEBE; background: url(//icons.wxug.com/i/wu/cmTitleBG.png) repeat-x; padding-left: 10px; } .contentMod .cmTitle .cmToggleDown { display: block; width: 33px; height: 32px; background: url(//icons.wxug.com/i/wu/titleBarIconsClose.png) no-repeat; background-position: 0 -66px; float: right; } .contentMod .cmTitle .cmToggleDown:hover { background-position: 0px -99px; } .contentMod .cmTitle .cmToggleUp { display: block; width: 33px; height: 32px; background: url(//icons.wxug.com/i/wu/titleBarIconsClose.png) no-repeat; background-position: 0 -132px; float: right; } .contentMod .cmTitle .cmToggleUp:hover { background-position: 0px -165px; } .contentMod .cmTabs { padding: 10px 10px 0 10px; height: 30px; border-bottom: 1px solid #DFDFDF; background: url(//icons.wxug.com/i/wu/cmTabsBG.png) repeat-x; } .contentMod .cmTabs .cmTabActive { float: left; margin-right: 3px; display: block; height: 29px; line-height: 29px; padding: 0 10px; background-color: #FFF; color: #333; text-decoration: none; font-weight: bold; border-top: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; } .contentMod .cmTabs .cmTab { float: left; margin-right: 3px; display: block; height: 29px; line-height: 29px; padding: 0 10px; background-color: #E8E8E8; border-top: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; } .contentMod .cmTabs .cmTab:hover { background-color: #FFF; } .contentMod .cmData { padding: 7px 10px; font-size: 11px; } .contentMod .cmList { font-size: 11px; } .contentMod .cmList .cmItem { clear: both; padding: 7px 10px; border-bottom: 1px solid #DFDFDF; } .contentMod .cmList .cmItem .cmValue { float: right; } .contentMod .cmImage IMG { width: 100%; } .contentMod .cmTable { font-size: 11px; width: 100%; background: url(//icons.wxug.com/i/wu/tableHeaderBG.png) repeat-x top; } .contentMod .cmTable THEAD TR TH { height: 27px; line-height: 27px; font-weight: bold; text-align: left; padding: 0 10px; border-bottom: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; white-space: nowrap; } .contentMod .cmTable THEAD TR TH:first-child { border-left: 0 !important; } .contentMod .cmTable THEAD TR TH.taC { text-align: center; } .contentMod .cmTable TBODY TR TD { border-bottom: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; padding: 7px 10px; background-color: #FFF; overflow: hidden; } .contentMod .cmTable TBODY TR TD:first-child { border-left: 0 !important; } .contentMod .cmTable TBODY TR TD.cmList { border-bottom: 0; padding: 0; background-color: #FFF; } .contentMod .cmTable TBODY TR.nob TD { border: 0; } .contentMod .cmTable TFOOT TR TD { height: 27px; line-height: 27px; } .contentMod .cmSource { height: 24px; line-height: 24px; padding: 0 10px; color: #666; font-size: 10px; } .contentMod .cmFWIX { background: url(//icons.wxug.com/i/misc/logo_fwix.gif) right no-repeat; } .contentMod .cmFooter { font-size: 11px; height: 32px; line-height: 32px; text-align: center; border-top: 1px solid #BEBEBE; background: url(//icons.wxug.com/i/wu/cmFooterBG.png) repeat-x top; } .contentMod .cmFooterList { font-size: 11px; border-top: 1px solid #BEBEBE; background: #F6F6F6 url(//icons.wxug.com/i/wu/cmFooterBG.png) repeat-x top; } .contentMod .cmFooterList UL { margin: 0; padding: 7px 10px; list-style-type: none; } .contentMod .cmFooterList UL LI { margin: 0; line-height: 15px; } .contentMod .dateSelector { margin: 6px 0 2px 0; } .contentMod .dropSelect { margin: 6px 0; width: 75%; } .contentMod .cmInput { width: 75%; } .du { color: #333; text-decoration: none; border-bottom: 1px dotted #333; cursor: help; } .du:hover { text-decoration: none; } .br3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .br5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .br10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .brTop10 { -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; } .brTop5 { -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .brBot3 { -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .brBot5 { -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .brBot10 { -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .brRight3 { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .brLeft3 { -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .brRight5 { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .brLeft5 { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .brTopRight5 { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .brTopLeft3 { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; } .brTopLeft5 { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .bs225x333 { -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; } .bs005xCCC { -moz-box-shadow: 0px 0px 5px #CCC; -webkit-box-shadow: 0px 0px 5px #CCC; box-shadow: 0px 0px 5px #CCC; } .bs005x333 { -moz-box-shadow: 0px 0px 5px #333; -webkit-box-shadow: 0px 0px 5px #333; box-shadow: 0px 0px 5px #333; } .bs0010x333 { -moz-box-shadow: 0px 0px 10px #333; -webkit-box-shadow: 0px 0px 10px #333; box-shadow: 0px 0px 10px #333; } .bsDrop { -moz-box-shadow: 0px 3px 8px -4px #CCC; -webkit-box-shadow: 0px 4px 8px -5px #333; box-shadow: 0px 4px 8px -5px #CCC; } .i { font-style: italic; } .b { font-weight: bold; } .nb { font-weight: normal; } .ww { word-wrap: break-word; } .p0 { padding: 0 !important; } .p3 { padding: 3px; } .p5 { padding: 5px; } .p10 { padding: 10px; } .p12 { padding: 12px; } .p20 { padding: 20px; } .m0 { margin: 0 !important; } .m10 { margin: 10px; } .tm5 { margin-top: 5px; } .tm10 { margin-top: 10px; } .tm20 { margin-top: 20px; } .rm10 { margin-right: 10px; } .rm12 { margin-right: 12px; } .rm25 { margin-right: 25px; } .lm12 { margin-left: 12px; } .tm12 { margin-top: 12px; } .tm30 { margin-top: 30px; } .tm40 { margin-top: 40px; } .tm50 { margin-top: 50px; } .tm60 { margin-top: 60px; } .bm10 { margin-bottom: 10px; } .bm12 { margin-bottom: 12px; } .bm20 { margin-bottom: 20px; } .taC { text-align: center; } .taR { text-align: right; } .taL { text-align: left; } .taJ { text-align: justify; } .vaT { vertical-align: top; } .vaB { vertical-align: bottom; } .cap { text-transform: capitalize; } .sup { vertical-align: baseline; font-size: 0.8em; position: relative; top: -0.4em; } .upper { text-transform: uppercase; } .third { width: 33%; } .half { width: 50%; } .full { width: 100%; } .none { display: none; } .block { display: block; } .nobr { white-space: nowrap; } .clearItem { clear: both; } .clear { clear: both; height: 0; } .title { white-space: nowrap; text-align: right; } .field { white-space: nowrap; } .borderAll { border: 1px solid #BEBEBE; } .borderTop { border-top: 1px solid #BEBEBE; } .borderRight { border-right: 1px solid #BEBEBE; } .borderBot { border-bottom: 1px solid #BEBEBE; } .borderLeft { border-left: 1px solid #BEBEBE; } .fRight { float: right; } .fLeft { float: left; } .cellSep { border-left: 1px solid #E0E0E0; } .unit160 { width: 160px; overflow: hidden; } .asPix { display: none; } .newButton { padding-right: 35px; background: url(//icons.wxug.com/i/wu/newBG.gif) no-repeat right; } .imgBorder { border: 1px solid #333; } .noticeSmall { font-size: 11px; color: #999; } .padList LI { margin-bottom: 7px; } .loading { background-image: url(//icons.wxug.com/i/loading-coda-small.gif); background-repeat: no-repeat; } .ts { text-shadow: #333 1px 1px 3px; } .small { font-size: 11px; } .reg { font-size: 12px; } .med { font-size: 14px; } .big { font-size: 16px; } .huge { font-size: 34px; } .w125 { width: 125px; } .w142 { width: 142px; } .w150 { width: 150px; } .w200 { width: 200px; } .w202 { width: 202px; } .w250 { width: 250px; } .w275 { width: 275px; } .w295 { width: 295px; } .w400 { width: 400px; } .w500 { width: 500px; } .w650 { width: 650px; } .posRel { position: relative; } .posAbs { position: absolute; } .red { color: #F00 !important; } .blue { color: #00F !important; } .ltBlue { color: #21B8EB !important; } .grey { color: #999 !important; } .white { color: #FFF !important; } .green { color: #080 !important; } .rfGreen { color: #389B06 !important; } .orange { color: #F89421 !important; } .ltOrange { color: #F9CF2E !important; } .yellow { color: #FF0 !important; } /* API Documentation (ms) */ /* Grid: four-columns at 22.5%, 6 gutters at 2% */ .api-column-1 { width: 22.5%; float: left; margin-left: 2%; overflow: visible; } .api-columns-2-4 { width: 71.5%; float: right; margin-right: 2%; } #api-nav, #api-twitter-feed { display: block; width: 100%; margin-bottom: 1.5em; } #api-nav li, #api-nav ul { margin: 0; padding: 0; } #api-nav ul { list-style-type: none; } #api-nav li { padding: .25em; color: #dfdfdf; font-size: .95em; } #api-nav li .category { color: #000000; } #api-nav > ul { border: 1px solid #dfdfdf; border-top: 0; overflow: hidden; } #api-nav > ul > li { padding: .25em 1em; font-size: 1.25em; } #api-nav li li { margin-left: 1.25em; } #api-nav ul ul { list-style-type: square; } #api-nav ul ul li { padding-left: 0px; } #api-nav .active > a { padding-left: 200%; padding-right: 200%; background-color: #f9f0cb; border: 1px solid #f9cf2e; position: relative; left: -200%; font-weight: bold; white-space: nowrap; } #api-twitter-feed { position: relative; -moz-transition: width .5s .15s; -webkit-transition: width .5s .15s; -o-transition: width .5s .15s; -ms-transition: width .5s .15s; transition: width .5s .15s; z-index: 1; } #api-twitter-feed:hover { width: 208.8888889%; -moz-transition: width .5s; -webkit-transition: width .5s; -o-transition: width .5s; -ms-transition: width .5s; transition: width .5s; } #api-docs-toc a:visited, #api-docs-primary a:visited { opacity: .85; color: #213F9A; } #api-docs-primary { width: 71.5%; float: right; } #api-docs-primary a:not([href]) { color: inherit; } #api-docs-primary #api-toc-container { float: right; margin: 0em 0em 1em 2.5%; width: 31.4685315%; } #api-docs-primary #api-toc { border: 1px solid #dfdfdf; padding: .25em 1em; padding-left: 2em; } #api-docs-primary #api-toc-container.js-clipped #api-toc { max-height: 150px; overflow: hidden; } #api-docs-primary #api-toc-container #api-toc-clip-control { background-color: #dfdfdf; border: 1px solid #dfdfdf; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-top: 0; display: none; } #api-docs-primary #api-toc-container #api-toc-clip-control #do-toggle-clip { display: block; margin: auto; text-align: center; padding: .25em; } #api-docs-primary #api-toc-container.js-clipped #api-toc-clip-control { display: block; } #api-docs-primary #api-toc ol { list-style-type: square; list-style-position: outside; color: #efefef; margin: 0; padding: 0; } #api-docs-primary #api-toc a { display: inline-block; padding: .25em 0; } #api-docs-primary #api-toc li[data-level=H1] { margin-left: 0; } #api-docs-primary #api-toc li[data-level=H2] { margin-left: .5em; } #api-docs-primary #api-toc li[data-level=H3] { margin-left: 1em; } #api-docs-primary #api-toc li[data-level=H4] { margin-left: 1.5em; } #api-docs-primary #api-toc li[data-level=H5] { margin-left: 2em; } #api-docs-primary #api-toc li[data-level=H6] { margin-left: 2.5em; } #api-docs-primary h1, #api-docs-primary h2 { clear: left; margin-top: 0; } #api-docs-primary h1 { font-size: 3em; margin-bottom: 1em; display: auto; } #api-docs-primary h2 { font-size: 2em; margin: 1.3em 0 .7em 0; } #api-docs-primary h3 { font-size: 1.2em; margin: 1em 0 .5em 0; } #api-docs-primary p { line-height: 1.35em; } #api-docs-primary ul { list-style-type: square; } #api-docs-primary #title { float: left; width: 65.7342657%; } #api-docs-primary .apigee-heading { overflow: auto; clear: both; } #api-docs-primary .apigee-heading h2 { float: left; max-width: 50%; } #api-docs-primary .apigee { float: right; vertical-align: text-bottom; margin-top: 3.4em; } #api-docs-primary .apigee .apigee-link { display: inline-block; position: relative; top: -10px; width: 78px; height: 32px; text-indent: -9999px; background-image: url(/i/api/apigee.png); } #api-docs-primary #apigee-container { display: none; position: relative; overflow: visible; height: 600px; margin-bottom: 1em; margin-top: 2em; z-index: 2; } #api-docs-primary #apigee-container #apigee-note { background-color: #f8f8f8; border: 1px solid #dfdfdf; border-bottom: 0; padding: .5em; position: absolute; top: 0; } #api-docs-primary #apigee-container.expanded #apigee-note { top: -3.35em; -moz-transition: top 1s; -webkit-transition: top 1s; -o-transition: top 1s; -ms-transition: top 1s; transition: top 1s; } #api-docs-primary #apigee-container #apigee-close { background-image: url(/i/api/apigee-close-32.png); border: 1px solid #afafaf; width: 32px; height: 32px; position: absolute; top: -34px; right: 0; display: none; cursor: pointer; opacity: .5; } #api-docs-primary #apigee-container #apigee-close:hover { border-color: #5f5f5f; opacity: 1; } #api-docs-primary #apigee-container > iframe { background-color: #F8F8F8; border: 1px solid #DFDFDF; position: absolute; top: 0; right: 0; width: 100%; height: 600px; } #api-docs-primary #apigee-container.expanded > iframe { width: 136.784353794%; /* 137.062937 - 2(0.139291603) = 136.784353794 */ -moz-transition: width 1s; -webkit-transition: width 1s; -o-transition: width 1s; -ms-transition: width 1s; transition: width 1s; } #api-docs-primary dl { border: 1px solid #dfdfdf; clear: both; display: block; margin-bottom: 2em; overflow: auto; } #api-docs-primary dl > div { overflow: auto; } #api-docs-primary dl > div:nth-child(2n), #api-docs-primary dl > div:nth-child(2n) dt, #api-docs-primary dl > div:nth-child(2n) dd { background-color: #f8f8f8; } #api-docs-primary dt, #api-docs-primary dd { float: left; clear: left; padding-top: 1em; padding-bottom: 1em; padding-left: 2%; margin-left: 0px; width: 33%; } #api-docs-primary dt { font-family: monospace; } #api-docs-primary dd.attr { padding-top: 0; opacity: .5; text-transform: lowercase; } #api-docs-primary dd.desc { float: none; clear: none; position: relative; margin-left: 35%; padding-left: 0; padding-right: 2%; width: 63%; min-height: 14px; } #api-docs-primary dd .values { display: block; padding-bottom: 1em; } #api-docs-primary dd table { margin-top: .5em; border-width: 0; } #api-docs-primary dd td { vertical-align: top; } #api-docs-primary dd table tr:nth-child(2n + 1) { background-color: #ffffff; } #api-docs-primary table { border-collapse: collapse; margin-bottom: 2em; } #api-docs-primary td { padding: .25em; } #api-docs-primary table { border: solid 1px #dfdfdf; } #api-docs-primary table tr:nth-child(2n + 1) { background-color: #f8f8f8; } #api-docs-primary table td { padding: .5em; } #api-docs-primary var { font-family: monospace; } #api-docs-primary code { display: inline; margin: 0; padding: 0; background-color: inherit; } #api-docs-primary code .de-em { color: #8f8f8f; } #api-docs-primary code.example { display: block; overflow: auto; margin-bottom: 1em; padding: .5em; padding-left: 2%; border: 1px solid #f9cf2e; background-color: #f9f0cb; word-wrap: break-word; white-space: pre-wrap; } #api-docs-primary .code-example-group { position: relative; line-height: 1.2em; margin-bottom: 1em; } #api-docs-primary .code-example-group code.request { padding-right: 20%; margin-bottom: 0; } #api-docs-primary .code-example-group .code-request-group { position: relative; } #api-docs-primary .code-example-group .js-toggle-response { border: 1px solid #f9cf2e; background-color: #f8f8f8; height: -moz-calc(100% - 1em - 2px); height: -webkit-calc(100% - 1em - 2px); height: calc(100% - 1em - 2px); position: absolute; padding: .5em 2%; right: 0; top: 0; text-align: right; } #api-docs-primary .code-example-group code.response { display: none; background-color: #f8f8f8; margin-top: 0; border-top: 0; max-height: 25em; white-space: pre; } #api-docs-primary .icon-set {} #api-docs-primary .code-table { width: 31.468531333%; float: left; margin-right: 2.797203%; } #api-docs-primary .code-table:last-child { margin-right: 0; } #api-docs-primary .code-table td { } #api-docs-primary.api-introduction > ol > li, #api-docs-primary.api-introduction > ul > li, #api-docs-primary.api-introduction .resource li { margin-bottom: .75em; } #api-docs-primary.api-introduction .resource { float: left; width: 31.468531333%; float: left; margin-right: 2.797203%; } #api-docs-primary.api-introduction .resource:last-child { margin-right: 0; } /* START NEW WU3r */ @charset "UTF-8"; /* Foundation Components */ /* Foundation Visibility HTML Classes */ .show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important; } .show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } .hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; } .hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important; /* Specific visilbity for tables */ } table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { display: table; } thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { display: table-header-group !important; } tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { display: table-row-group !important; } tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { display: table-row !important; } td, th { /* Medium Displays: 768px - 1279px */ } td.show-for-small, th.show-for-small, td.show-for-medium-down, th.show-for-medium-down, td.show-for-large-down, th.show-for-large-down, td.hide-for-medium, th.hide-for-medium, td.hide-for-medium-up, th.hide-for-medium-up, td.hide-for-large, th.hide-for-large, td.hide-for-large-up, th.hide-for-large-up, td.hide-for-xlarge, th.hide-for-xlarge { display: table-cell !important; } @media screen and (min-width: 768px) { /* Large Displays: 1280px - 1440px */ .show-for-medium, .show-for-medium-up { display: inherit !important; } .show-for-small { display: none !important; } .hide-for-small { display: inherit !important; } .hide-for-medium, .hide-for-medium-up { display: none !important; /* Specific visilbity for tables */ } table.show-for-medium, table.show-for-medium-up, table.hide-for-small { display: table; } thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { display: table-header-group !important; } tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { display: table-row-group !important; } tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { display: table-row !important; } td.show-for-medium, th.show-for-medium, td.show-for-medium-up, th.show-for-medium-up, td.hide-for-small, th.hide-for-small { display: table-cell !important; } } @media "only screen and (min-width:"80em")" { /* X-Large Displays: 1400px and up */ .show-for-large, .show-for-large-up { display: inherit !important; } .show-for-medium, .show-for-medium-down { display: none !important; } .hide-for-medium, .hide-for-medium-down { display: inherit !important; } .hide-for-large, .hide-for-large-up { display: none !important; /* Specific visilbity for tables */ } table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { display: table; } thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { display: table-header-group !important; } tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { display: table-row-group !important; } tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { display: table-row !important; } td.show-for-large, th.show-for-large, td.show-for-large-up, th.show-for-large-up, td.hide-for-medium, th.hide-for-medium, td.hide-for-medium-down, th.hide-for-medium-down { display: table-cell !important; } } @media "only screen and (min-width:"90em")" { /* Orientation targeting */ .show-for-xlarge { display: inherit !important; } .show-for-large, .show-for-large-down { display: none !important; } .hide-for-large, .hide-for-large-down { display: inherit !important; } .hide-for-xlarge { display: none !important; /* Specific visilbity for tables */ } table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { display: table; } thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { display: table-header-group !important; } tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { display: table-row-group !important; } tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { display: table-row !important; } td.show-for-xlarge, th.show-for-xlarge, td.hide-for-large, th.hide-for-large, td.hide-for-large-down, th.hide-for-large-down { display: table-cell !important; } } .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; /* Specific visilbity for tables */ } table.hide-for-landscape, table.show-for-portrait { display: table; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, th.hide-for-landscape, td.show-for-portrait, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; /* Specific visilbity for tables */ } table.show-for-landscape, table.hide-for-portrait { display: table; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, th.show-for-landscape, td.hide-for-portrait, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { /* Touch-enabled device targeting */ .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; /* Specific visilbity for tables */ } table.show-for-portrait, table.hide-for-landscape { display: table; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, th.show-for-portrait, td.hide-for-landscape, th.hide-for-landscape { display: table-cell !important; } } .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; /* Specific visilbity for tables */ } table.hide-for-touch { display: table; } .touch table.show-for-touch { display: table; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 82em; *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row .column, .row .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; /* Grid HTML Classes */ } .row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; /* Grid HTML Classes */ } .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } @media only screen { /* Styles for screens that are atleast 768px; */ .row .column, .row .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; /* Grid HTML Classes */ } .row .small-1 { position: relative; width: 8.33333%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .small-2 { position: relative; width: 16.66667%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .small-3 { position: relative; width: 25%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .small-4 { position: relative; width: 33.33333%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .small-5 { position: relative; width: 41.66667%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .small-6 { position: relative; width: 50%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .small-7 { position: relative; width: 58.33333%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .small-8 { position: relative; width: 66.66667%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .small-9 { position: relative; width: 75%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .small-10 { position: relative; width: 83.33333%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .small-11 { position: relative; width: 91.66667%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .small-12 { position: relative; width: 100%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .small-offset-1 { position: relative; padding-left: 0; padding-right: 0; margin-left: 8.33333%; /* Grid HTML Classes */ } .row .small-offset-2 { position: relative; padding-left: 0; padding-right: 0; margin-left: 16.66667%; /* Grid HTML Classes */ } .row .small-offset-3 { position: relative; padding-left: 0; padding-right: 0; margin-left: 25%; /* Grid HTML Classes */ } .row .small-offset-4 { position: relative; padding-left: 0; padding-right: 0; margin-left: 33.33333%; /* Grid HTML Classes */ } .row .small-offset-5 { position: relative; padding-left: 0; padding-right: 0; margin-left: 41.66667%; /* Grid HTML Classes */ } .row .small-offset-6 { position: relative; padding-left: 0; padding-right: 0; margin-left: 50%; /* Grid HTML Classes */ } .row .small-offset-7 { position: relative; padding-left: 0; padding-right: 0; margin-left: 58.33333%; /* Grid HTML Classes */ } .row .small-offset-8 { position: relative; padding-left: 0; padding-right: 0; margin-left: 66.66667%; /* Grid HTML Classes */ } .row .small-offset-9 { position: relative; padding-left: 0; padding-right: 0; margin-left: 75%; /* Grid HTML Classes */ } .row .small-offset-10 { position: relative; padding-left: 0; padding-right: 0; margin-left: 83.33333%; /* Grid HTML Classes */ } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.small-centered, .columns.small-centered { position: relative; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; float: none !important; /* Grid HTML Classes */ } } @media screen and (min-width: 768px) { .row .large-1 { position: relative; width: 8.33333%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .large-2 { position: relative; width: 16.66667%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .large-3 { position: relative; width: 25%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .large-4 { position: relative; width: 33.33333%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .large-5 { position: relative; width: 41.66667%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .large-6 { position: relative; width: 50%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .large-7 { position: relative; width: 58.33333%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .large-8 { position: relative; width: 66.66667%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .large-9 { position: relative; width: 75%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .large-10 { position: relative; width: 83.33333%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .large-11 { position: relative; width: 91.66667%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .large-12 { position: relative; width: 100%; padding-left: 0; padding-right: 0; padding-left: 0; padding-right: 0; /* Grid HTML Classes */ } .row .large-offset-1 { position: relative; padding-left: 0; padding-right: 0; margin-left: 8.33333%; /* Grid HTML Classes */ } .row .large-offset-2 { position: relative; padding-left: 0; padding-right: 0; margin-left: 16.66667%; /* Grid HTML Classes */ } .row .large-offset-3 { position: relative; padding-left: 0; padding-right: 0; margin-left: 25%; /* Grid HTML Classes */ } .row .large-offset-4 { position: relative; padding-left: 0; padding-right: 0; margin-left: 33.33333%; /* Grid HTML Classes */ } .row .large-offset-5 { position: relative; padding-left: 0; padding-right: 0; margin-left: 41.66667%; /* Grid HTML Classes */ } .row .large-offset-6 { position: relative; padding-left: 0; padding-right: 0; margin-left: 50%; /* Grid HTML Classes */ } .row .large-offset-7 { position: relative; padding-left: 0; padding-right: 0; margin-left: 58.33333%; /* Grid HTML Classes */ } .row .large-offset-8 { position: relative; padding-left: 0; padding-right: 0; margin-left: 66.66667%; /* Grid HTML Classes */ } .row .large-offset-9 { position: relative; padding-left: 0; padding-right: 0; margin-left: 75%; /* Grid HTML Classes */ } .row .large-offset-10 { position: relative; padding-left: 0; padding-right: 0; margin-left: 83.33333%; /* Grid HTML Classes */ } .push-2 { position: relative; padding-left: 0; padding-right: 0; left: 16.66667%; right: auto; /* Grid HTML Classes */ } .pull-2 { position: relative; padding-left: 0; padding-right: 0; right: 16.66667%; left: auto; /* Grid HTML Classes */ } .push-3 { position: relative; padding-left: 0; padding-right: 0; left: 25%; right: auto; /* Grid HTML Classes */ } .pull-3 { position: relative; padding-left: 0; padding-right: 0; right: 25%; left: auto; /* Grid HTML Classes */ } .push-4 { position: relative; padding-left: 0; padding-right: 0; left: 33.33333%; right: auto; /* Grid HTML Classes */ } .pull-4 { position: relative; padding-left: 0; padding-right: 0; right: 33.33333%; left: auto; /* Grid HTML Classes */ } .push-5 { position: relative; padding-left: 0; padding-right: 0; left: 41.66667%; right: auto; /* Grid HTML Classes */ } .pull-5 { position: relative; padding-left: 0; padding-right: 0; right: 41.66667%; left: auto; /* Grid HTML Classes */ } .push-6 { position: relative; padding-left: 0; padding-right: 0; left: 50%; right: auto; /* Grid HTML Classes */ } .pull-6 { position: relative; padding-left: 0; padding-right: 0; right: 50%; left: auto; /* Grid HTML Classes */ } .push-7 { position: relative; padding-left: 0; padding-right: 0; left: 58.33333%; right: auto; /* Grid HTML Classes */ } .pull-7 { position: relative; padding-left: 0; padding-right: 0; right: 58.33333%; left: auto; /* Grid HTML Classes */ } .push-8 { position: relative; padding-left: 0; padding-right: 0; left: 66.66667%; right: auto; /* Grid HTML Classes */ } .pull-8 { position: relative; padding-left: 0; padding-right: 0; right: 66.66667%; left: auto; /* Grid HTML Classes */ } .push-9 { position: relative; padding-left: 0; padding-right: 0; left: 75%; right: auto; /* Grid HTML Classes */ } .pull-9 { position: relative; padding-left: 0; padding-right: 0; right: 75%; left: auto; /* Grid HTML Classes */ } .push-10 { position: relative; padding-left: 0; padding-right: 0; left: 83.33333%; right: auto; /* Grid HTML Classes */ } .pull-10 { position: relative; padding-left: 0; padding-right: 0; right: 83.33333%; left: auto; /* Grid HTML Classes */ } .small-push-2 { left: inherit; } .small-pull-2 { right: inherit; } .small-push-3 { left: inherit; } .small-pull-3 { right: inherit; } .small-push-4 { left: inherit; } .small-pull-4 { right: inherit; } .small-push-5 { left: inherit; } .small-pull-5 { right: inherit; } .small-push-6 { left: inherit; } .small-pull-6 { right: inherit; } .small-push-7 { left: inherit; } .small-pull-7 { right: inherit; } .small-push-8 { left: inherit; } .small-pull-8 { right: inherit; } .small-push-9 { left: inherit; } .small-pull-9 { right: inherit; } .small-push-10 { left: inherit; } .small-pull-10 { right: inherit; } .column.large-centered, .columns.large-centered { position: relative; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; float: none !important; /* Grid HTML Classes */ } } #videoChannels .navigation { border-left: 1px solid #dcf1f8; margin-top: 12px; } @media screen and (max-width: 767px) { #videoChannels .navigation { margin-top: 0px; } } #videoChannels .small-nav-title { margin-bottom: 0px; } #videoChannels .secondary-nav.active { margin-top: 8px; } .small-nav-title { background-image: url('/i/api/nav_arrow.png'); background-position: left; background-color: #e8f5f8; background-repeat: no-repeat; border: 1px solid #dcf1f8; padding: 5px 5px 5px 20px; font-family: Myriad Pro, sans-serif; font-size: 14px; color: #2892c2; display: inline-block; margin-bottom: 12px; cursor: pointer; } @media screen and (min-width: 768px) { .small-nav-title { display: none; } } .secondary-nav { display: none; margin: 0; padding: 0; overflow: visible; } .secondary-nav.active { display: block; position: absolute; z-index: 10; } @media screen and (min-width: 768px) { .secondary-nav { display: block; } } @media screen and (max-width: 767px) { .secondary-nav { border: 2px solid #195a97; margin: 0 0 0 20px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } } .secondary-nav:before { position: absolute; top: -10px; left: 7px; content: ''; width: 14px; height: 8px; display: block; background-image: url('/i/api/nav_arrow_up.png'); } .secondary-nav li { display: block; float: left; } @media screen and (max-width: 767px) { .secondary-nav li { float: none; margin: 0; } } .navigation { border: 1px solid #dcf1f8; border-left: 0px solid #dcf1f8; display: inline; float: left; font-family: Myriad Pro, sans-serif; font-size: 14px; margin: 0 0 20px 0; padding: 5px 10px; background-color: #fff; } .navigation a:link, .navigation a:visited { color: #2892c2; } .navigation:hover { background-color: #e8f5f8; } .navigation:hover a:link, .navigation:hover a:visited, .navigation:hover a:hover { color: #f59331; } .navigation.active { background-color: #e8f5f8; } .navigation.active a:link, .navigation.active a:visited, .navigation.active a:hover { color: #f59331; } .navigation.special { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 2px 2px 4px #777; -webkit-box-shadow: 2px 2px 4px #777; box-shadow: 2px 2px 4px #777; background-color: #f59331; border: 1px solid #fff; padding: 5px 5px; margin-left: 5px; } .navigation.special a:link, .navigation.special a:visited, .navigation.special a:hover { color: #fff; } #secnav { margin: 0 0 20px 0; } .photo-box { height: 245px; overflow-y: scroll; } @media screen and (min-width: 982px) { .photo-box .slideThumb { margin: 5px 3px; } } @media screen and (max-width: 1000px) and (min-width: 768px) { .photo-box .slideThumb { margin-top: 5px; margin-left: 35px; } } @media screen and (max-width: 768px) { .photo-box .slideThumb { margin: 5px 3px; } } @media screen and (max-width: 767px) { .map-browser .map-container { height: 312px; } } .stretch-to-fit { margin-left: auto; margin-right: auto; } @media screen and (min-width: 768px) { .stretch-to-fit { width: 95%; } } @media screen and (max-width: 767px) { .stretch-to-fit { width: 100%; } } .stretch-to-almost-fit { margin-left: auto; margin-right: auto; } @media screen and (min-width: 768px) { .stretch-to-almost-fit { width: 95%; } } @media screen and (max-width: 767px) { .stretch-to-almost-fit { width: 95%; } } .stretch-to-over-fit { margin-left: auto; margin-right: auto; } @media screen and (min-width: 768px) { .stretch-to-over-fit { width: 97%; } } @media screen and (max-width: 767px) { .stretch-to-over-fit { width: 97%; } } .titleBarFix { padding-left: 2px; } .titleBarFix .titleTextAlerts { padding-left: 30px; font-size: 13px; line-height: 16px; } .titleBarFix .titleTextCities { padding-left: 5px; font-size: 13px; line-height: 16px; } .center-300-ad { width: 300px; margin-left: auto; margin-right: auto; } .tornadoNewsContainer { height: 300px; overflow-y: scroll; } #page { margin-left: auto; margin-right: auto; } .historybackground { background-color: #3b68b3; color: #fff; font-size: 14px; height: 24px; padding: 6px 0 0 20px; } .history_l { height: 25px; margin-top: 5px; } @media screen and (max-width: 767px) { .history_l { margin: 0 0 0 16px; } } .orange12, .orange14, .orange18 { color: #f79420; font-size: 18px; } .orange25 { color: #f79420; font-size: 18px; margin: 10px 0 20px 0; } .blue11, .blue14, .blue18, .blue25 { color: #18599b; font-size: 18px; } .blue11, .orange11 { font-size: 11px; } .orange12 { font-size: 12px; } .blue14, .orange14 { font-size: 14px; } .blue16 { font-size: 16px; } .blue25, .orange25 { font-size: 25px; } #innerContent { padding-top: 20px; } #footer { margin-top: 0; } #wuPage { background-image: url('/i/api/cloud_background.png'); background-position: 50% 0; background-repeat: no-repeat; background-size: 2498px 100%; max-width: 100% !important; } h2 { color: #f79420; margin: 0 0 10px 0; } #about { color: #275ea0; float: left; font-family: Myriad Pro, sans-serif; font-size: 15px; font-weight: normal; margin: 0 0 0 20px; } #about a { color: #f79420; font-size: 10px; text-decoration: underline; } #banner_mobile { background-image: url('//icons.wxug.com/i/api/new_banner.png'); background-repeat: no-repeat; height: 50px; margin: 0 0 10px 0; } #banner_mobile h1 { color: #18599b; font-size: 16px; font-weight: normal; padding: 17px 0 0 10px; } #banner { background-image: url('//icons.wxug.com/i/api/banner.png'); background-repeat: no-repeat; height: 73px; margin: 0 0 10px -15px; width: 661px; } @media screen and (max-width: 767px) { #banner { width: 95%; } } #banner h1 { color: #18599b; font-size: 20px; padding: 18px 0 20px 70px; font-weight: normal; } @media screen and (max-width: 767px) { #banner h1 { font-size: 12px; font-weight: bold; padding: 18px 0 20px 40px; width: 95%; } } span.question { background-image: url('//icons.wxug.com/i/api/question.png'); text-decoration: none; height: 13px; width: 13px; } div.map { border: 1px solid #999; background-image: url('//icons.wxug.com/i/api/weatherMapLayer.png'); height: 194px; width: 302px; margin-top: 10px; } @media screen and (max-width: 767px) { div.map { margin-left: 20px; } } #features_left ul { float: left; list-style-image: url('//icons.wxug.com/i/api/raindrop.png'); margin: 0; /*@include marginPaddingZero; */ } #features_left ul .question { float: left; margin: 8px 0 0 10px; position: absolute; } #features_left ul li { clear: left; color: #18599b; float: left; font-family: Myriad Pro, sans-serif; font-size: 16px; line-height: 30px; } #features_right .question { float: left; margin: 10px 0 0 10px; position: absolute; } @media screen and (max-width: 767px) { #features_right div.map, #features_right div.layers { margin-left: auto; margin-right: auto; } } @media screen and (max-width: 767px) { #features_right div.layers { margin: 0 0 0 20px; } } #api-footer { border-top: 1px solid #cee5ef; margin-top: 20px; } #api-footer div.desc { color: #18599b; font-weight: bold; margin: 20px 0 10px 0; text-align: center; } #api-footer ul { list-style: none; margin: 0; padding: 0; } #api-footer ul li { clear: left; color: #18599b; font-family: Myriad Pro, sans-serif; font-size: 16px; line-height: 30px; } #api-footer ul li { font-size: 12px; line-height: 15px; text-align: center; } #api-footer ul li a:link, #api-footer ul li a:hover, #api-footer ul li a:visited { color: #878787; } #explore, #signup, #loginV2, #signupV2, #signup-pricing { background-repeat: no-repeat; margin: 0 30px 0 0; font-family: "verb", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; line-height: normal; text-align: center; border-radius: 5px; float: left; color: #FFF; position: relative; padding-top: 0.2375rem; padding-right: 0.875rem; padding-bottom: 0.5rem; padding-left: 0.875rem; } #signup { background-color: #528f42; background-image: linear-gradient(#6ca95c, #528f42); } #signup-pricing { background-color: #528f42; background-image: linear-gradient(#6ca95c, #528f42); height: 34px; font-size: 100%; width: 75px; } #loginV2 { background-image: url('/i/api/loginV2.png'); height: 44px; width: 88px; } #loginV2, #signupV2 { margin-left: auto; margin-right: auto; } #signupV2 { background-image: url('/i/api/signUpV2.png'); height: 43px; margin-left: auto; margin-right: auto; width: 99px; } #explore { } @media screen and (max-width: 767px) { #explore { margin-bottom: 10px; } } .accordionButton { color: white; background-color: #385fad; } ul.package { list-style: none; margin: 0; padding: 0; } ul.package li { color: #18599b; line-height: 20px; } ul.package li.features { float: left; width: 50%; } .app-col { margin-top: 10px; } .app-h2 { margin-left: 3em; } @media screen and (max-width: 767px) { .app-h2 { width: 95%; margin-left: 1.5em; } } .app-image { width: 95%; margin-left: 5em; } @media screen and (max-width: 767px) { .app-image { margin-left: 1.5em; } } .app-type { color: #f79420; padding-top: 5px; margin-left: 5em; } @media screen and (max-width: 767px) { .app-type { margin-left: 1.5em; } } .app-desc { color: #2092c4; padding-top: 5px; padding-right: 5em; margin-left: 5em; margin-bottom: 5px; } @media screen and (max-width: 767px) { .app-desc { margin-left: 1.5em; } } #selected div.desc { border-right: 1px solid #cee5ef; padding: 10px 0 20px 0; text-align: center; } #selected div.last, tableDiv table#edit, table#edit tr td.last { border-right: 0px; } @media screen and (max-width: 767px) { #selected_plan { font-size: 16px; padding: 0; } } div.wrapper { border: 1px solid #cee5ef; /*border-bottom:0;*/ overflow: auto; } div.edit-wrapper { border: 1px solid #cee5ef; border-bottom: 0; overflow: auto; } div.option1, div.option2, div.option3, div.option_last1, div.option_last2, div.option_last3 { background-color: #e8f7fc; margin: 0 1px 1px 0; padding: 5px 0 5px 20px; text-align: left; } div.option2, div.option_last2 { background-color: #d0ecf7; margin: 0 1px 1px 0; overflow: auto; } div.option3, div.option_last3 { background-color: #a7d9ea; margin: 0 0 1px 0; overflow: auto; } div.option_last1, div.option_last2, div.option_last3 { margin: 0 0 1px 0; } div.plan { background-color: #3b68b3; color: #fff; font-size: 20px; font-weight: normal; height: 35px; margin: 0 1px 0 0; padding: 7px 0 0 0; text-transform: uppercase; text-align: center; } div.plan div.item { display: inline; float: left; width: 100%; } div.plan div.item div.desc_l { float: left; width: 50px; } div.plan div.item div.desc_l input { margin: 0; } div.plan div.item div.desc_r { float: left; padding-top: 3px; } tableDiv table#edit, table#edit tr td { border-right: 1px solid #cee5ef; border-bottom: 1px solid #cee5ef; border-top: 0px solid #cee5ef; color: #18599b; font-size: 14px; text-align: center; } tableDiv table#edit, td#column1 { border-bottom: 1px solid #cee5ef !important; border-right: 1px solid #cee5ef !important; color: #f79420; text-align: left; text-transform: uppercase; } div.spacer { margin: 0 0 20px 0; } div#icon { background-image: url('/i/api/hurricane.png'); background-repeat: no-repeat; float: left; height: 28px; margin: 0 10px 0 0; width: 28px; /* login */ } input.create { border: 1px solid #cee5ef; font-size: 14px; height: 30px; padding: 0 0 0 10px; width: 100%; } #forgot { cursor: pointer; } div.key, div.mobile_key { background-image: url('//icons.wxug.com/i/api/purchaseKey.png'); background-repeat: no-repeat; height: 30px; margin: 0 0 0 15px; height: 35px; } @media screen and (max-width: 767px) { div.key, div.mobile_key { display: none; } } div.mobile_key { margin-left: auto; margin-right: auto; width: 113px; } @media screen and (max-width: 767px) { div.mobile_key { display: block; } } .marginBottom10 { margin: 0 0 10px 0; } #keyfeatures { margin: 0 0 0 20px; } @media screen and (max-width: 767px) { #keyfeatures { margin: 0 0 0 20px; } } #resetpword { background-image: url('//icons.wxug.com/i/api/resetmypassword.png'); background-repeat: no-repeat; cursor: pointer; height: 52px; width: 206px; } @media screen and (max-width: 767px) { span.show-for-small { overflow: auto; } } div.accordianButton { background-color: #c00; } @media screen and (max-width: 767px) { div#total_per_month { text-align: left; } } #accordion h3 { border: 1px solid #fff; clear: both; font-size: 16px; font-weight: bold; margin: 0; padding: 12px 0 12px 30px; } .chooseplan, .chooseplan, .chooseplan, .chooseplan { border: 1px solid #fff; font-size: 16px; font-weight: bold; height: 33px; padding: 12px 0 0 30px; /* mobile pricing */ } #usagea { display: none; overflow: auto; padding: 10px 0 0 30px; } .mbl_package { background-color: #d2ecf9 !important; color: #18599b; font-size: 16px; font-weight: bold; padding: 5px 0; text-transform: uppercase; } .mbl_option, .mbl_price { background-color: #fff; border-bottom: 1px solid #d2ecf9; color: #f79420; font-size: 14px; text-align: center; padding: 10px 0; } .mbl_price { color: #18599b; float: left; text-align: center; } div.editkey .wrapper { padding: 10px; width: 306px; } div.editkey .wrapper input { border: 1px solid #c00; } div.editkey .wrapper .padding { border: 1px solid #cee5ef; color: #185995; font-size: 12px; height: 20px; margin: 0 0 10px 0; padding: 5px; } div.editkey h1 { color: #f79420; font-size: 18px; font-weight: normal; margin: 0 0 10px 0; } div.editkey div.title, div#questionnaire_box.tm12 form table.full tbody tr td div.title { color: #999; font-size: 14px; margin: 0 0 5px 0; text-align: left; } div#questionnaire_box.tm12 form table.full tbody tr td div.title { color: #18599b; font-size: 12px; margin: 0 0 0 25px; } div.title_blu { color: #18599b; font-size: 12px; width: 90%; } div.editkey div.copy { color: #185995; font-size: 14px; margin: 0 0 20px 0; } div.editkey ul { margin: 0; padding: 0 0 0 20px; } div.editkey ul li.list { list-style-image: url('//icons.wxug.com/i/api/raindrop.png'); color: #185995; font-size: 14px; } div.editkey div.item { color: #185995; float: left; font-size: 12px; width: 100%; } div.editkey div.item div.desc_l, div.editkey div.item div.desc_r { float: left; font-size: 14px; margin: 0 0 3px 0; } div.editkey div.item div.desc_r { margin: 3px 0 0 0; } div.editkey #regenkey { padding: 10px 0; } div.editkey #update_button, div.editkey #view_billing_button, div.editkey #regenerate_key_button { background-image: url('//icons.wxug.com/i/api/keysettings_regenerate.png'); background-repeat: no-repeat; cursor: pointer; display: block; height: 47px; margin-left: auto; margin-right: auto; padding-right: 60px; position: relative; top: 20px; width: 175px; } div.editkey #regenerate_key_button_grey { background-image: url('//icons.wxug.com/i/api/regenerate_grey.png'); background-repeat: no-repeat; display: block; height: 47px; margin-left: auto; margin-right: auto; padding-right: 60px; position: relative; top: 20px; width: 175px; } div.editkey #view_billing_button { background-image: url('//icons.wxug.com/i/api/keysettings_billing.png'); height: 48px; width: 148px; } div.editkey #update_button { background-image: url('//icons.wxug.com/i/api/keysettings_update.png'); cursor: pointer; display: block; height: 46px; margin: 0 0 10px 0; margin-left: auto; margin-right: auto; padding: 0; width: 106px; } .selected-top-border { background-color: #f7a145; color: #fff; font-size: 20px; font-weight: normal; padding: 5px 0 0 20px; min-height: 35px; } @media screen and (min-width: 768px) { .selected-top-border { height: 35px; } } @media screen and (max-width: 768px) { .selected-top-border { height: 85px; } } #questionnaire_text { color: #f79420; font-size: 14px; width: 100%; } @media screen and (max-width: 768px) { #questionnaire_text { text-align: center; } } #questionnaire_box { border: 1px solid #cee5ef; width: 100%; } .errorText { width: 90%; margin-left: auto; margin-right: auto; font-size: 11px; margin-top: 3px; } .reqText { color: #18599b; width: 90%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; text-align: right; } .inputBox { width: 90%; margin-left: auto; margin-right: auto; } .inputBox input { width: 100%; border: 1px solid #cee5ef; color: #878787; padding: 5px; } .inputBox textarea { width: 100%; height: 100px; border: 1px solid #cee5ef; color: #878787; padding: 5px; resize: none; } .radioDiv { color: #18599b; font-size: 12px; width: 90%; margin-top: 5px; margin-left: auto; margin-right: auto; } .radioBtns { font-size: 12px; color: #666; margin-left: auto; margin-right: auto; width: 90%; } .radioBtns input { margin-right: 5px; } .radioBtns a { color: #f79420; } .checkDiv { font-size: 11px; width: 90%; margin-left: auto; margin-right: auto; } .submitBtns { width: 100px; margin-left: auto; margin-right: auto; } #purchaseKey { background-image: url("//icons.wxug.com/i/api/purchaseKey.png"); background-repeat: no-repeat; border: none; cursor: pointer; height: 32px; width: 113px; } .changeKey { background-image: url("//dev.wunderground.com/i/api/changeKey.png"); background-repeat: no-repeat; height: 32px; width: 113px; border: none; } .questionMark { background-image: url("//icons.wxug.com/i/api/question.png"); background-repeat: no-repeat; width: 13px; height: 13px; margin-left: 5px; } .tableFix td, td#column1 { border: none; text-align: left; text-transform: none; } /* Styles needed from omnibus.css and core.css */ button, .button { height: 34px; line-height: 34px; border-style: transparent; border-width: 0; cursor: pointer; font-family: "verb", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; line-height: normal; margin: 0 0 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0; display: inline-block; padding-top: 0.4375rem; padding-right: 0.875rem; padding-bottom: 0.5rem; padding-left: 0.875rem; font-size: 15px; background-color: #008FBF; border-color: #009bcf; color: #FFF; transition: background-color 300ms ease-out; background-color: #149AC6; background-image: -webkit-linear-gradient(#2EB3E0,#149AC6); background-image: linear-gradient(#2EB3E0,#149AC6); }