*{list-style: none; text-decoration: none; margin: 0px; padding: 0px; font-family:"Helvetica Neue", sans-serif;} body{font-size: 62.5%; background: #f7f7f6;} .clear{clear: both;} /*font*/ .fontColorWhite{color: #ffffff;} .fontColorBlack{color: #000000;} .fontColorGray{color: #444444;} .fontColorDarkGray{color: #333333;} .fontColorBlue{color: #2e7ceb;} .fontColorLightBlue{color: #6485b5;} .fontColorDarkGreen{color: #669933;} .fontColorGreen{color: #91d535;} .fontSize12{font-size: 1.2em;} .fontSize14{font-size: 1.4em;} .fontSize16{font-size: 1.6em;} .fontSize18{font-size: 1.8em;} .fontSize20{font-size: 2em;} .fontStyleBold{font-weight: bold;} .fontStyleRegular{font-weight: normal;} /*contact icon*/ .contactIconPhone, .contactIconTTY, .contactIconWebsite, .contactIconWebsite, .contactIconAddress{width: 32px; height: 32px; background: url(/assets/en/images/mobile/share/contactIcons.png) left top no-repeat; display: block; float: left; margin-right: 10px;} .contactIconTTY{background-position: left -32px;} .contactIconWebsite{background-position: left -64px;} .contactIconAddress{background-position: left -96px;} /*logo*/ .logo{width: 220px; height: 60px; background: url(/assets/en/images/mobile/share/logo.png) left top no-repeat; display: block; margin: 0px auto;} /*show menu*/ .menuContentContainer{text-align: center; background-color: #dcdedc; padding: 0px 10px;} .toggleMenuTopContainer, .toggleMenuBottomContainer{width: auto; height: 20px; border-bottom: 1px solid #000000; background-color: #dcdedc; text-align: center; line-height: 20px; padding: 0px 10px; display: block;} .toggleMenuBottomContainer{ border-bottom: none; border-top: 1px solid #000000;} .menuDownArrow, .menuUpArrow{width: 10px; height: 9px; display: block; float: left; margin-top: 5px; background-image: url(/assets/en/images/mobile/share/arrow.png);} .menuUpArrow{background-position: left -9px;} .menuArrowRight{float: right;} .menuIcon{width: 32px; height: 32px; display: inline-block; margin: 0px 5px; border: none;} .menuIcon img{border: none;} .menuMyPlanIcon{background-position: left top; background-color: #1d8ebe;} .menuMyProviderIcon{background-position: left -32px; background-color: #f28f24;} .menuMyIDIcon{background-position: left -64px; background-color: #b0be3a;} .menuProviderSearchIcon{background-position: left -96px; background-color: #a061b7;} .menuContactUsIcon{background-position: left -128px;background-color: #ea4aad;} #logOutBottomButton, #logOutTopButton{width: 100%;} /*dropdown menu*/ .dropdownMenuWith75PercentWidth{width: 65%; float: left;} .dropdownMenuContainer{height: 30px; margin: 10px 0px; position: relative;} .dropdownMenuContent, .dropdownMenu{width: 100%;} .dropdownMenuLeft, .dropdownMenuRight{width: 30px; height: 30px; background: url(/assets/en/images/mobile/share/dropdownMenu.png) left top no-repeat;} .dropdownMenuMiddle{background: url(/assets/en/images/mobile/share/dropdownMenu.png) left -30px repeat-x; position: relative;} .dropdownMenuRight{width: 10px; background-position: left -60px;} .dropdownMenuContainer select, .dropdownMenuContent{position: absolute; z-index: 0; left: 0px; top: 0px;} .dropdownMenuContent{position: absolute; z-index: 999;} .dropdownMenuContainer select{left: 5px; top: 6px; width: 95%; } .dropdownMenu{border: none; background: transparent; padding: 0px 5px;} /*group title*/ .groupTitle{height: 30px; background: #1d8ebe url(/assets/en/images/mobile/share/groupTitleBg.png) left top repeat-x; padding: 0px 10px; line-height: 30px;} .groupTitleColorBlue{background-color: #1d8ebe; background-position: left top;} .groupTitleColorYellow{background-color: #f28f24; background-position: left -30px;} .groupTitleColorPurple{background-color: #a061b7; background-position: left -60px;} .groupTitleColorPink{background-color: #ea4aad; background-position: left -90px;} /*text box*/ .textBoxWith75PercentWidth{width: 65%; float: left;} .textBoxContainer{height: 40px; margin: 10px; position: relative;} .textBoxContainer div{width: 100%; height: 40px; background: url(/assets/en/images/mobile/share/textBox.png) left -40px repeat-x; line-height: 40px;} /* background-color: transparent; */ .textBoxContainer div input{width: 100%; font-size: 1.6em; border: none; vertical-align: middle; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; } .textBoxLeft, .textBoxRight { display: block; position: absolute; top: 0; width: 10px; height: 40px; background-position: left top; background-repeat: no-repeat; } .textBoxLeft { left: -10px; background-image: url('/assets/en/images/mobile/share/textbox-left.png'); } .textBoxRight { right: -10px; background-image: url('/assets/en/images/mobile/share/textbox-right.png'); } /*button*/ .buttonWith20PercentWidth{width: 20%; float: right;} .button{height: 42px; position: relative; margin: 10px 10px 0;} .button div { width: 100%; height: 42px; line-height: 42px; background: #3181eb url('/assets/en/images/mobile/share/button-center.png') left top repeat-x; } .button input{border: none; background-color: transparent; width: 100%; height: 42px; color: white; font-size: 1.6em; font-weight: bold; -webkit-border-radius: 0px;} .buttonRight, .buttonLeft { display: block; position: absolute; top: 0; width: 8px; height: 42px; background-position: left top; background-repeat: no-repeat; } .buttonRight { right: -8px; background-image: url('/assets/en/images/mobile/share/button-right.png'); } .buttonLeft { left: -8px; background-image: url('/assets/en/images/mobile/share/button-left.png'); } .menuButton{margin-top: 0px;} .menuButton div{background-position: left -126px;} h1.titleWithGrayBg{width: auto; height: 30px; text-align: center; background: #8b8b8b url(/assets/en/images/mobile/share/groupTitleBg.png) left -120px repeat-x; line-height: 30px; font-weight: bold; color: #ffffff;} /*menu list item*/ .menuListItem,.menuListItemDouleLine{height: 49px; background: #dfe0de url(/assets/en/images/mobile/share/menuListItemBg.png) top left repeat-x; padding: 0px 10px; border-top: 1px solid #888888; line-height: 50px;} .menuListItemDouleLine{height: 54px; background-position: left -49px; line-height: normal; padding-top: 13px;} /*eula*/ .eulaLogo{width: 196px; height: 34px; margin: 0px auto; background-image: url(/assets/en/images/mobile/eula/logo.png);} .eulaTextContainer{padding: 0px 10px;} p.eulaLabel{margin-bottom: 10px;} .eulaBottomPane{width: 100%; height: 118px; background: #e6e6e5 url(/assets/en/images/mobile/eula/bottomPaneBg.png) left top repeat-x; bottom: 0px; left: 0px; text-align: center; padding: 20px 0px 10px;} #continueButtonContainer{padding: 0px 10px;} #continueButton{width: 100%;} /*main menu*/ .mainMenuLogo{width: 220px; height: 70px; display: block; background: url(/assets/en/images/mobile/mainMenu/logo.png); margin: 0px auto;} .mainMenuMyPlanIcon, .mainMenuMyProviderIcon, .mainMenuMyIDIcon, .mainMenuProviderSearchIcon, .mainMenuContactUsIcon{height: 38px; display: block; background: url(/assets/en/images/mobile/mainMenu/icons.png) left top no-repeat; margin-top: 6px; line-height: 38px; padding-left: 45px;} .mainMenuMyPlanIcon{background-position: left -152px;} .mainMenuMyProviderIcon{background-position: left -114px;} .mainMenuMyIDIcon{background-position: left -76px;} .mainMenuProviderSearchIcon{background-position: left -38px;} .mainMenuContactUsIcon{background-position: left top;} /*login*/ #loginContentContainer{padding: 0px 10px;} #logInButton{width: 100%;} /*my plan*/ .myPlanInformationContainer{padding: 10px;} .myPlanSubscriberName{display: block; margin-bottom: 10px;} /*plan detail*/ .dataContainer{width: 100%;} .planDetailRowLabel, .planDetailRowValue{width: 50%; text-align: left; padding: 9px 10px;} .planDetailRowValue{text-align: right;} .viewScheduleOfBenefitsButtonContainer{padding: 0px 10px;} #viewScheduleOfBenefitsButton{width: 100%;} /*copay information*/ .copayInformationRowLabel, .copayInformationRowValue{width: 50%; text-align: left; padding: 9px 10px;} .copayInformationRowValue{text-align: right;} /*copay information*/ .copayInformationRowLabel, .copayInformationRowValuefirst{width: 30%; text-align: left; padding: 9px 10px;} .copayInformationRowValuefirst{text-align: center;} /*copay information*/ .copayInformationRowLabel, .copayInformationRowValuesecond{width: 10%; text-align: left; padding: 9px 10px;} .copayInformationRowValuesecond{text-align: center;} /*additional members*/ .additionalMembersRowLabel, .additionalMembersRowValue{text-align: left; padding: 9px 10px;} .additionalMembersRowDescription{} .additionalMembersRowValue{text-align: right;} /*my provider menu*/ .myProviderInformationContainer{padding: 0px 10px 10px;} /*member detail*/ #goToProviderSearchButton{width: 100%;} #goToProviderSearchButtonContainer{padding: 0px 10px;} /*my id card front*/ .myIDCardInformationContainer{padding: 0px 10px 10px;} .myIDCardContentContainer{padding: 0px 10px;} .myIDCardContent{width: 100%; background-color: #ffffff; margin-bottom: 10px;} .idCardTopLeft, .idCardTopMiddle, .idCardTopRight, .idCardBottomLeft, .idCardBottomMiddle, .idCardBottomRight{width: 11px; height: 8px; background: url(/assets/en/images/mobile/myID/myIDCardBg.png) left top no-repeat;} .idCardTopRight{background-position: -11px top;} .idCardMiddleLeft, .idCardMiddleRight{width: 11px; background: url(/assets/en/images/mobile/myID/myIDCardMiddleBg.png) left top repeat-y;} .idCardMiddleRight{background-position: right top;} .idCardBottomLeft, .idCardBottomRight{height: 10px; background-position: left -16px;} .idCardBottomRight{background-position: -11px -16px;} .idCardTopMiddle, .idCardBottomMiddle{width: auto; background-position: left -8px; background-repeat: repeat-x;} .idCardBottomMiddle{height: 10px; background-position: left -26px;} .myIDCardContent p{padding: 5px 0px;} #viewBackOfCardButton, #viewFrontOfCardButton{width: 100%;} /*provider search*/ .providerSearchInformationContainer{padding: 0px 10px 10px;} #providerSearchErrorMessage{padding: 10px;} #urgentCareContainer{height: 44px; background: #dfe0de url(/assets/en/images/mobile/share/menuListItemBg.png) left -49px repeat-x; padding: 0px 10px; border-top: 1px solid #888888; padding-top: 25px;} #urgentCareRadioButtonContainer{width: 22px; height: 22px; position: relative; float: left;} #urgentCareRadioButtonCover{width: 22px; height: 22px; position: absolute; z-index: 999; background: url(/assets/en/images/mobile/providerSearch/urgentCareRadio.png) top left no-repeat; position: relative; display: block; top: 0px; left: 0px;} #urgentCareRadioButton{position: absolute; z-index: 0; top: 4px; left: 4px;} #urgentCareImage{width: 24px; height: 22px; background: url(/assets/en/images/mobile/providerSearch/urgentCareImage.png) left top no-repeat; float: right;} #urgentCareLabel{line-height: 22px; padding-left: 35px;} #searchProviderButton{width: 100%;} #planListTextBoxContainer{width: 65%; float: left;} #searchPlanListButton{width: 20%; float: right; margin: 6px 0px;} #nameContentContainer, #locationContentContainer, #planListContentContainer, #searchProviderButtonContainer{padding: 0px 10px;} /*medical group list*/ #medicalGroupListContainer{padding: 0px 10px;} #labelContainer, #backButtonContainer{padding: 0px 10px;} #searchmedicalGroupListButton{margin: 6px 0px;} #backButton{width: 100%;} /*provider list*/ .pageControlButtonContainer{height: 32px; text-align: center; padding: 5px 10px;} .prevPageButton, .nextPageButton{width: 42px; height: 32px; display: block; float: left; background: url(/assets/en/images/mobile/share/pageControlArrow.png) left top no-repeat; line-height: 32px; color: #8b8b8b;} .nextPageButton{background-position: left -32px; float: right;} .pageLabel{line-height: 32px;} .providerListItemContainer{padding: 15px 10px; background: url(/assets/en/images/mobile/providerSearch/providerListItemBg.png) left bottom repeat-x;} .providerListItemIcon{width: 42px; height: 46px; background: url(/assets/en/images/mobile/share/providerIcon.png) left top no-repeat; float: left; padding-right: 10px;} .iconFemale{background-position: left top;} .iconMale{background-position: left -46px;} .iconHospital{background-position: left -92px;} .providerName, .medicalGroup, .phoneNumber{line-height: 17px;} .mapLink{float: right; vertical-align: text-top;} /*provider detail*/ #addToFavoritesButtonContainer{padding: 0px 10px;} #addToFavoritesButton{width: 100%;} .providerInfoItemContainer{padding: 10px 10px; line-height: 17px;} /*map*/ #mapContainer { height: 320px; text-align: center; } #navigationButtonContainer{padding: 0px 10px;} #directionsButton, #backToProviderButton{width: 100%;} /*location prompt*/ #locationPromptContentContainer{padding: 0px 10px;} /*contact us menu*/ .contactUsInformationContainer{padding: 0px 10px 10px;} .contactUsContentContainer{padding: 0px 10px 10px;} .contactUsContentContainer p{padding: 5px 0px;} #contactUsLoginButton{width: 100%;} #contactUshelpButton{width: 100%;} /*contact us help*/ #contactUsMoreContactInformationContainer p{padding: 5px 0px;} #regionSelectContainer{padding: 0px 10px;} .contactListContainer{padding: 0px 10px; background-color: #ffffff;} .contactListItem{padding: 7px 0px; display: block;} /*contact number detail*/ #returnToHelpButton{width: 100%;} /*contact help topic*/ #searchHelpTopicButton{width: 20%; float: right; margin: 6px 0px;} #helpTopicKeywordTextBoxContainer{float: left; width: 65%;} .helpTopicContainer{padding: 5px 10px; background: url(/assets/en/images/mobile/share/menuListItemBg.png) left top repeat-x; border-bottom: 1px solid #a0a0a0;} /*contact help detail*/ #helpAnswerContainer{padding: 10px; line-height: 20px;}