#status_info { top: 0px; right: 0px; text-align: right; font-size: 21px; width: 324px; height: 48px; cursor: pointer; background: url(../images/common/nav-status-bg.png) no-repeat; z-index: 1; } #status_info_label { width: 100%; display: block; } #status_info_label span { padding-right: 11px; } #info_view { width: 800px; height: 480px; } #info_view.green_bg { background: url(../images/nav/bg.png) no-repeat; } #info_leftMenu { background: #333; width: 150px; height: 300px; top: 90px; } #info_leftMenu .menu-item.info_active { background: url("../images/info/menu_active.png") repeat-x; } #info_leftMenu .menu-item { z-index: 201; position: relative; width: 150px; height: 50px; cursor: pointer; } #info_leftMenu .menu-item span { position: absolute; left: 50px; width: 100px; height: 50px; font-size: 18px; line-height: 50px; white-space: nowrap; overflow: hidden; } #info_leftMenu .ico { height: 50px; width: 50px; } #info_leftMenu .settings_active { background: url("../images/settings/menu_active.png") repeat-x; } #info_right_menu { left: 183px; top: 6px; } #info_sync_services { font-size: 32px; width: 280px; } #info_traff { font-size: 20px; width: 410px; top: 36px; } #info_traffic_report { width: 300px; top: 85px; font-size: 20px; color: #a6a6a6; } #info_traffic_pts { width: 400px; top: 120px; font-size: 20px; color: #65cdd9; } #info_traffic_hear { width: 355px; top: 192px; font-size: 20px; color: #a6a6a6; } #info_connect { width: 300px; top: 241px; font-size: 20px; left: 15px; } #info_log { width: 500px; top: 285px; font-size: 20px; } #info_left_menu { top: 6px; } #info_left_menu div { font-size: 20px; left: 49px; } #info_left_services { top: 17px; } #info_left_travel_link { top: 66px; width: 200px; } #info_left_alerts { top: 118px; } #info_left_calendar { top: 166px; } #info_left_apps { top: 216px; } /******************* For Info.Services *******************/ #info_services_view { top: 48px; left: 153px; background: url(../images/info/info_services_bg.png) no-repeat 0px 39px; height: 384px; width: 647px; } #info_services_view .inner-content { left: 30px; top: 49px; } /******************* For Info.travelLink *******************/ #info_travelLink { position: absolute; top: 48px; left: 153px; width: 647px; height: 384px; float: left; z-index: 1001; } #info_travelLink_logo { margin-top: 48px; margin-left: 22px; } #info_travelLink .inner-content { top: 71px; } #info_travelLink .block-header-title { top: 21px; left: 75px; } #info_travelLink .list { width: 308px; border-radius: 2px; max-height: 248px; border: 1px solid #393939; } #info_travelLink .list .list-item:last-of-type { height: 50px; border: none; } #info_travelLink .list-content { position: relative; float: left; width: 100%; border: none; } #info_travelLink_listLeft { left: 12px; top: 92px; } #info_travelLink_listRight { position: absolute; top: 43px; right: 5px; width: 310px; } #info_travelLink_listLeft .list-item span,#info_travelLink_listRight .list-item span { margin-left: 44px; } #info_travelLink.fr #info_travelLink_listLeft .list-item span,#info_travelLink.fr #info_travelLink_listRight .list-item span { margin-left: 22px; } #info_travelLink_listRight_item0 span { margin-left: 0px !important; } #info_travelLink_listRight_item0 { text-align: center; } #info_travelLink_listRight .list-item:first-of-type { height: 48px !important; } /******************* For Info.Alerts menu *****************/ /******************* For Info.Calendar menu ***************/ #info_calendar { left: 153px; top: 48px; width: 647px; height: 384px; background-image: url(../images/info/view_info_calendar.png); background-repeat: no-repeat; background-position: 4px 38px; } #info_calendar .inner-wrapper { left: 99px; top: 99px; } #info_calendar .c-btn { width: 90px; height: 34px; background: url(../images/info/callendar-btn.png) no-repeat 0px 0px; text-align: center; line-height: 33px; } #info_calendar .c-btn.active { background: #3b3b3b url(../images/common/btn-28h-gray-active.png) repeat-x 0 5px !important; } #info_calendar .date { white-space: nowrap; font-size: 26px; top: -43px; left: 178px; } #info_calendar .today { white-space: nowrap; top: -58px; left: 414px; height: 48px; width: 130px; font-size: 20px; line-height: 48px; border: 1px #333 solid; text-align: center; border-radius: 2px; } #info_calendar .day { width: 89px; height: 36px; text-align: center; top: 5px; line-height: 25px; } #info_calendar .day.active { background: #f28b06; } #info_calendar .day-1 { left: -86px; } #info_calendar .day-2 { left: 3px; } #info_calendar .day-3 { left: 93px; } #info_calendar .day-4 { left: 183px; } #info_calendar .day-5 { left: 272px; } #info_calendar .day-6 { left: 363px; } #info_calendar .day-7 { left: 453px; } #info_calendar .btn-1 { left: -88px; top: 40px; } #info_calendar .btn-8 { left: -88px; top: 75px; } #info_calendar .btn-15 { left: -87px; top: 108px; } #info_calendar .btn-22 { left: -88px; top: 141px; } #info_calendar .btn-29 { left: -88px; top: 174px; } #info_calendar .btn-7 { left: 452px; top: 40px; } #info_calendar .btn-14 { left: 452px; top: 75px; } #info_calendar .btn-21 { left: 452px; top: 108px; } #info_calendar .btn-28 { left: 452px; top: 141px; } #info_calendar .btn-6 { left: 362px; top: 40px; } #info_calendar .btn-13 { left: 362px; top: 75px; } #info_calendar .btn-20 { left: 362px; top: 108px; } #info_calendar .btn-27 { left: 362px; top: 141px; } #info_calendar .btn-5 { left: 272px; top: 40px; } #info_calendar .btn-12 { left: 272px; top: 75px; } #info_calendar .btn-19 { left: 272px; top: 108px; } #info_calendar .btn-26 { left: 272px; top: 141px; } #info_calendar .btn-4 { left: 182px; top: 40px; } #info_calendar .btn-11 { left: 182px; top: 75px; } #info_calendar .btn-18 { left: 182px; top: 108px; } #info_calendar .btn-25 { left: 182px; top: 141px; } #info_calendar .btn-3 { left: 92px; top: 40px; } #info_calendar .btn-10 { left: 92px; top: 75px; } #info_calendar .btn-17 { left: 92px; top: 108px; } #info_calendar .btn-24 { left: 92px; top: 141px; } #info_calendar .btn-31 { left: 92px; top: 174px; } #info_calendar .btn-2 { left: 2px; top: 40px; } #info_calendar .btn-9 { left: 2px; top: 75px; } #info_calendar .btn-16 { left: 2px; top: 108px; } #info_calendar .btn-23 { left: 2px; top: 141px; } #info_calendar .btn-30 { left: 2px; top: 174px; } /******************* For Info.DeviceList *******************/ #info_view .info_apps_deviceList_view { background: black; width: 800px; height: 480px; z-index: 201; } #info_apps_deviceList_view .backButton { top: 80px; width: 48px; height: 48px; border: 1px solid #333; border-radius: 2px; left: 5px; } #info_apps_deviceList_view .backButton .ico { margin-top: 13px; margin-left: 8px; } #info_apps_deviceList_view .list { position: absolute; width: 629px; height: 251px; border-radius: 2px; left: 100px; top: 154px; } #info_apps_deviceList_view .list-content { width: 578px; border: none; } #info_apps_deviceList_view .list-item { border: 1px solid #393939 !important; } /******************* For Info.Apps menu*******************/ #info_apps { position: absolute; top: 48px; left: 153px; width: 647px; height: 384px; float: left; z-index: 1001; } #info_apps .backButton { top: 59px; } #info_apps .block-header-title { top: 67px; left: 73px; } #info_apps_pushToTalk_buttton { top: 80px; right: 5px; height: 48px; width: 48px; border: 1px solid #4bffff; border-radius: 2px; } #info_apps_list { top: 70px; left: 13px; } #info_appst { height: 250px; position: relative; float: left; margin-top: 5px; width: 554px; } #info_apps .list { width: 629px; height: 251px; } #info_apps_list .list-item .ico { width: 50px; height: 50px; position: absolute; } #info_apps_list .list-item span { margin-left: 50px; } #info_apps_list .list-item { height: 48px !important; border: 1px solid #393939; } #info_apps_list .list-content { width: 279px; border: none !important; } #info_apps .leftButtons { width: 278px; float: left; margin-right: 10px; height: 51px; font-size: 20px; line-height: 50px; border: 1px solid #393939; cursor: pointer; left: 10px; } #info_apps .vehicleHealthReport { top: 70px; } #info_apps .Asist911 { top: 122px; } #info_apps .installButton { top: 174px; } #info_apps .findNewApps { top: 226px; } #info_apps .findNewApps img { margin: 9px; width: 32px; } #info_apps .getDeviceList { top: 278px; } #info_apps .getDeviceList img { width: 38px; margin: 6px; } #info_apps .list { float: right; margin-right: 41px; width: 330px } #info_apps_install_Button span { position: absolute; } #info_apps.fr #info_apps_install_Button span { position: absolute; line-height: 20px; width: 170px; top: 3px; } #info_apps .list-item .ico { float: left; } #info_apps .list-item span { height: 23px; } #info_apps .inner-wrapper { left: 100px; top: 71px; } #info_apps_install_Button { border: 1px solid #393939; border-radius: 2px; top: 269px; left: 303px; }