/*GENERAL CSS*/
* {
    /*Reset default browser styles*/
    margin: 0;
    padding: 0;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
}

html, body {
    /*GLOBAL HTML and BODE Dimansions*/
    width: 100%;
    min-height: 100%;
}

body {
    /*FONT FAMILY*/
    font-family: sans-serif;
    /*Defaul font size*/
    font-size: 16px;
    background-color: #000;
    color: #fff;
    overflow: hidden;
}

/*Default style for all images*/
img {
    border-width: 0px;
    border-style: none;
    margin: 0px;
    padding: 0px;
    z-index: 1000;
    pointer-events: none;
}

/*Default style for all DIVs*/
div {
    position: absolute;
    margin: 0;
    padding: 0;
}

.ffw-button {
    cursor: pointer;
    background: url(../images/common/button.png) repeat-x;
}

.ffw-button.pressed {
    background-position: bottom;
}

.windowText {
    top: 190px;
    width: 800px;
    font-size: 80px;
    color: white;
    text-align: center;
}

/* Home view */
#home {
    background: url(../images/home/home_main_image.png) no-repeat;
    width: 800px;
    height: 369px;
    top: 56px;
}

/* Climate Status */
#status_climate {
    bottom: 0px;
    right: 0px;
    text-align: right;
    font-size: 21px;
    width: 324px;
    height: 48px;
    cursor: pointer;
    background: url(../images/common/climate-status-bg.png) no-repeat;
    z-index: 1;
}

#status_climate_label {
    display: block;
    width: 100%;
    visibility: hidden;
}

#status_climate_label span {
    padding-right: 11px;
}

/* Navigation Status */
#status_nav {
    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;
}

#navigation_status_label {
    width: 100%;
    display: block;
    visibility: hidden;
}

#navigation_status_label span {
    padding-right: 11px;
}

/*FORD CONTAINER  DEFAULT DIMANSIONS */
#app {
    /*position:relative;*/
    width: 800px;
    height: 480px;
    /*overflow: hidden;
     Mac font smoothing */
    -webkit-font-smoothing: antialiased;
    /*margin: 25px auto;*/
}

/* TTS popUp*/
#TTSPopUp.TTSPopUp {
    opacity: 0;
    left: 500px;
    width: 295px;
    height: 100px;
    z-index: 1;
    border-radius: 10 PX;
    top: 8px;
    -webkit-transition: opacity 1s ease-in-out;
    display: none;
}

#TTSPopUp .popUp {
    width: 294px;
    height: 98px;
    border: 1px solid black;
    border-radius: 10px;
    background-color: black;
    border: #A6A6A6 solid 2px;
    color: white;
}

#TTSPopUp .message {
    top: 10px;
    right: 10px;
    width: 278px;
    height: 81px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#TTSPopUp .timerText {
    color: #FFD93F;
    margin-top: 3px;
    right: 5px;
    font-size: 30px;
}

#TTSPopUp .okButton {
    right: 52px;
    width: 113px;
    height: 19px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid white;
}

#TTSPopUp.active {
    opacity: 1;
    display: block;
}

/* Diver Distraction PopUp */
#driverDistraction.driverDistractionWindow {
    left: 0;
    top: 0;
    width: 800px;
    height: 480px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 30000;
    opacity: 0;
    display: none;
}

#driverDistraction .driverDistraction {
    left: 200px;
    width: 400px;
    height: 200px;
    z-index: 2;
    top: 140px;
    -webkit-transition: opacity 1s ease-in-out;
    background-color: black;
    border: #A6A6A6 solid 2px;
    border-radius: 6px;
}

#driverDistraction.active {
    opacity: 1;
    display: block;
}

#driverDistraction .driverDistractionText {
    top: 224px;
    left: 210px;
    width: 374px;
    height: 20px;
    text-align: center;
    font-size: 28px;
    z-index: 2;
}

/* UI popUp*/
/* VR popUp*/
#VRPopUp.VRPopUp {
    opacity: 0;
    left: 50px;
    width: 700px;
    height: 340px;
    background-color: black;
    z-index: 2;
    border-radius: 10 PX;
    top: 70px;
    -webkit-transition: opacity 1s ease-in-out;
    display: none;
}

#VRPopUp span {
    margin-left: 15px;
}

#VRPopUp .popUp {
    width: 698px;
    height: 338px;
    border: 1px solid white;
    border-radius: 10px;
}

#VRPopUp .message1 {
    top: 10px;
    left: 10px;
    width: 278px;
    height: 81px;
}

#VRPopUp .message2 {
    top: 40px;
    left: 10px;
    width: 278px;
    height: 81px;
}

#VRPopUp.active {
    opacity: 1;
    display: block;
    transition: all 1s;
}

#VRPopUp .list {
    position: absolute;
    width: 629px;
    height: 251px;
    border-radius: 2px;
    left: 35px;
    top: 70px;
}

#VRPopUp .list-content {
    border: none;
}

#VRPopUp .list-item {
    position: relative;
    width: 100%;
    height: 48px;
    font-size: 20px;
    line-height: 50px;
    border: 1px solid #393939;
}

#VRPopUp .list-content {
    width: 578px;
}

#VRPopUp .VRLabel {
    top: 10px;
    width: 550px;
    left: 35px;
    height: 20px;
    padding: 15px;
    background: #393939;
}

#VRPopUp .VRImage {
    right: 25px;
    width: 50px;
    height: 50px;
    top: 10px;
    background: url(../images/home/controlButtons/vrImage.png) no-repeat;
    background-size: contain;
}

/*WRAPER FOR CONTENT VIEW*/
#app_active_view {
    position: absolute;
    width: 800px;
    height: 480px;
}

#html5Player {
	position: absolute;
	z-index: 1;
	width: 800px;
	height: 480px;
}

#html5Player.visible {
    -webkit-transform: translateX(0px) !important;
}

#mode {
    position: relative;
    margin: 150px auto;
    width: 150px;
}

/* Image preloader block*/
#preloader {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

/*CLOCK*/
#clock {
    font-size: 28px;
    text-align: center;
    width: 225px;
    height: 50px;
    position: relative;
    float: left;
    pointer-events: all;
    cursor: pointer;
}

#clock.mcs {
    width: 225px;
}

#time_num {
    width: 100%;
    padding: 10px;
    margin-left: 5px;
}

#app_top_menu_cont {
    z-index: 10000;
    top: 0px;
    left: 275px;
    position: relative;
    pointer-events: none;
}

#top_controls {
    width: 322px;
    height: 58px;
    background: url("../images/common/header_bg.png") no-repeat;
    z-index: 2;
}

.not-visible {
    visibility: hidden !important;
}

/* Universal class to show hidden elements */
.visible {
    visibility: visible !important;
}

/* Universal class to show transparent elements */
.show {
    opacity: 1 !important;
}

.arrow-ico {
    position: absolute;
    right: 10px;
}

.right_text {
    float: right;
    margin-right: 5px;
}

.hidden_display {
    display: none !important;
}

.visible_display {
    display: block !important;
}

/*STATUS BAR*/
.status_bar {
    z-index: 2001;
    line-height: 50px;
}

.selected {
    display: none;
}

/*BOTTOM Control BUTTONS*/
#app_bottom_controlls {
    z-index: 11000;
    bottom: 0px;
    left: 275px;
    width: 252px;
    height: 59px;
    /*background: url(../images/common/bottom_cont_bg.png) no-repeat;*/
    overflow: hidden;
    pointer-events: none;
}

#home_active {
    z-index: 2002;
    bottom: 0px;
    left: 275px;
    width: 250px;
    height: 58px;
    background: url("../../images/common/home_active.png") no-repeat;
}

#home_but {
    height: 59px;
    width: 73px;
    cursor: pointer;
    z-index: 1000;
    background: url(../images/home/bottom_controlls_full.png) no-repeat;
    background-position: -90px -59px;
    position: relative;
    float: left;
    pointer-events: none;
}

#home_but.large {
    width: 126px;
    background-position: 0px -177px;
}

#home_but.large.selected {
    width: 126px;
    background-position: 0px -118px;
}

#home_but.selected {
    background-position: -90px 0px;
    display: block;
}

#home_but_click {
    height: 59px;
    width: 73px;
    cursor: pointer;
    z-index: 1001;
    position: absolute;
    pointer-events: all;
}

#home_but_click.large {
    width: 125px;
    height: 115px;
    -webkit-transform: skew(0deg, -42deg);
}

/*INFO BUTTON*/
#info_but_click {
    height: 117px;
    width: 88px;
    cursor: pointer;
    z-index: 1001;
    position: absolute;
    pointer-events: all;
    -webkit-transform: skew(0deg, -52deg);
}

#info_but {
    height: 59px;
    width: 90px;
    cursor: pointer;
    background: url(../images/home/bottom_controlls_full.png) no-repeat;
    background-position: 0px -59px;
    position: relative;
    float: left;
    z-index: 1001;
    pointer-events: none;
    -webkit-border-top-left-radius: 10px;
}

#info_but.selected {
    background-position: 0px 0px;
    display: block;
}

/*SETTINGS BUTTON*/
#setting_but {
    width: 89px;
    height: 59px;
    cursor: pointer;
    background: url(../images/home/bottom_controlls_full.png) no-repeat;
    background-position: -162px -59px;
    position: relative;
    float: left;
    pointer-events: none;
}

#setting_but.large {
    width: 126px;
    background-position: -126px -177px;
}

#setting_but.large.selected {
    width: 126px;
    background-position: -126px -118px;
}

#setting_but.selected {
    background-position: -162px 0px;
    display: block;
}

#setting_but_click {
    width: 83px;
    height: 110px;
    cursor: pointer;
    position: absolute;
    -webkit-transform: skew(0deg, 52deg);
    left: 1px;
    top: 4px;
    z-index: 1000;
    pointer-events: all;
}

#setting_but_click.large {
    width: 158px;
    height: 155px;
}

/*HIDDEN FOR CONTENT BLOCKS*/
.hidden {
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
}

/*ACTIVE VISIBLE FOR CONTENT BLOCK*/
.inactive_state {
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    overflow: hidden;
}

.active_state {
    -webkit-transform: translateX(0px) !important;
    -moz-transform: translateX(0px) !important;
}

.passive_button_color {
    color: #999 !important;
}

/*MEDIA BLOCK CONTAINER*/
#media {
    width: 800px;
    height: 480px;
    background: url(../images/media/bg.png) no-repeat;
}

/****************************** FOR MEDIA VIEW************************************************/
/*#media, #browseUsbHD {
background: url(../images/media/bg.png) no-repeat;
}

#media_view {
width: 800px;
height: 480px;
}

#media_view #cntrlMenu {
position: relative;
margin-top: 90px;
}*/
/*Video Player*/
/*******Player Controlls View********/
#video_player_view {
    top: 85px;
    left: 93px;
    z-index: 2002;
    display: block;
}

/*Holder for all progressbar elements*/
#video_player_view .progressline_holder {
    display: block;
    width: 537px;
    height: 10px;
    cursor: pointer;
    background: url(../images/player/player_prog_bg.png) no-repeat;
}

/*Style to fix actual width for progress bar concerning width of progrees bar mark*/
.progressline_width_fix {
    width: 537px;
    position: absolute;
}

/*Progressbar*/
#video_player_view .progressbar {
    display: block;
    height: 10px;
    background: url(../images/player/prog_ind.png) no-repeat;
    position: relative;
    float: left;
}

/*Current time*/
.current_time {
    width: 33px;
    height: 15px;
    top: -4px;
    left: -55px;
    font-weight: bold;
}

/*Total time*/
.total_time {
    width: 33px;
    height: 15px;
    left: 546px;
    top: -4px;
    font-weight: bold;
}

/*Drag Area*/
.drag_area {
    width: 561px;
    position: relative;
    float: left;
    height: 10px;
}

/*Progress bar mark*/
#mark {
    position: relative;
    float: left;
    bottom: 19px;
    left: -20px;
    background: url(../images/player/player_free_control.png) no-repeat;
    width: 50px;
    height: 50px;
}

#mark.active {
    background: url(../images/player/player_active_control.png) no-repeat !important;
    bottom: 20px !important;
    left: -21px !important;
    width: 52px !important;
    height: 52px !important;
}

/*Back Button*/
#back {
    width: 80px;
    height: 50px;
    cursor: pointer;
    top: 60px;
    left: 140px;
    border: 1px solid #393939;
}

#back .ico {
    top: 13px;
    left: 20px;
    position: relative;
}

/* Forward Button*/
#frw {
    width: 79px;
    height: 49px;
    cursor: pointer;
    top: 60px;
    left: 347px;
    border: 1px solid #393939;
    -webkit-border-radius: 3px;
}

#frw .ico {
    top: 13px;
    left: 24px;
    position: relative;
}

/*Play Button*/
#play {
    width: 79px;
    height: 49px;
    cursor: pointer;
    top: 60px;
    left: 244px;
    border: 1px solid #393939;
    -webkit-border-radius: 3px;
}

#play .play {
    top: 13px;
    left: 31px;
    position: relative;
}

#play .pause {
    top: 10px;
    left: 28px;
    position: relative;
}

/*Stop Button*/
#stop {
    width: 79px;
    height: 49px;
    cursor: pointer;
    top: -18px;
    left: 585px;
    border: 1px solid #393939;
    -webkit-border-radius: 3px;
}

#stop .ico {
    top: 17px;
    left: 18px;
    position: relative;
}

/********************FOR TEST PURPOSE ONLY********************/
.centered {
    position: absolute;
    width: 300px;
    height: 200px;
    border: 2px solid #999;
    color: white;
    text-align: center;
    margin: 100px auto;
    line-height: 190px;
    font-size: 24px;
    left: 240px;
}

/**************************FOR LIST***************************/
/* List */
.list {
    position: relative;
    overflow: hidden;
}

.list-content {
    border-top: 1px solid #393939;
    border-left: 1px solid #393939;
    border-right: 1px solid #393939;
}

/* List item */
.list-item {
    position: relative;
    width: 100%;
    height: 49px;
    font-size: 20px;
    line-height: 50px;
    border-bottom: 1px solid #393939;
}

.list-item .ico {
    height: 49px;
    float: left;
}

.list-item span {
    /*position: absolute*/
}

/* List item background */
.list-item.notpressed {
    background-image: url(../images/list/list_item_bg.png);
}

.list-item .highLighted {

}

/*************************FOR SCROLLBAR*************************/
/*
.scrollBar{
   position: relative;
   width: 48px;
   background: black;
   border: 1px solid	#393939;
   border-top-right-radius: 1px;
   border-top-left-radius: 1px;
   border-bottom-right-radius: 1px;
   border-bottom-left-radius: 1px;
   float: right;
}
*/
.scrollbar {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 48px;
    background: black;
    border: 1px solid #393939;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.sb-content {
    width: 48px;
    background: black;
    border: 1px solid #393939;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

/* Top button */
.sb-top {
    height: 48px;
    width: 48px;
    border-bottom: #393939 1px solid;
    position: relative;
    cursor: pointer;
}

/* Background of scrollbar */
.sb-body {
    height: 148px;
    width: 46px;
    background-color: #262626;
    margin: 1px;
    position: relative;
}

/* Bar */
.sb-bar {
    width: 46px;
    height: 146px;
    background: #464646;
    position: relative;
    bottom: 10px;
    -webkit-transition: top 0.2s ease-out;
}

/* Bottom button */
.sb-bottom {
    height: 48px;
    width: 48px;
    border-top: #393939 1px solid;
    position: absolute;
    cursor: pointer;
    bottom: 0px;
}

/* Buttons image position */
.sb-bottom img, .sb-top img {
    margin-top: 13px;
    margin-left: 13px;
}

/* List item  button background */
.list-item.pressed {
    background-image: url(../images/list/list_item_pressed.png);
}

/** Background for pressed button */
.button.pressed {
    background-image: url(../images/list/list_item_pressed.png);
}

/* Hide function */
.is-disabled {
    display: none;
}

.hide {
    visibility: hidden;
    display: none;
}

/* Disabled list items */
.disabled {
    color: #999;
    cursor: default!important;
}

.disabled .ico, .disabled .right_ico {
    opacity: .3;
}

.disabled .arrow-ico {
    opacity: .3;
}

#sing {
    width: 19px;
    height: 27px;
    left: 13px;
    top: 13px;
}

#sing.white {
    background: url(../images/help/white_help.png) no-repeat;
}

#sing.yellow {
    background: url(../images/help/yellow_help.png) no-repeat;
}

/******************** FOR FAQ ********************************/
#faq_btn {
    cursor: pointer;
    width: 145px;
    height: 53px;
    background: url(../images/help/faq_top_btn.png) no-repeat;
    top: 0;
    left: 110px;
    z-index: 0;
    pointer-events: none;
    -webkit-transition: left 0.5s ease-in-out;
}

.faq-pressed {
    left: 0px !important;
}

#faq_btn.pressed {
    background: url(../images/help/faq_top_btn_pressed.png) no-repeat !important;
}

#faq_btn .ico {
    position: absolute;
    right: 32px;
    top: 8px;
}

#faq_btn_c {
    width: 118px;
    height: 50px;
    -webkit-transform: skewX(-43deg);
    z-index: 1;
    cursor: pointer;
    pointer-events: all;
}

#faq_btn .ind_inact {
    background: url(../images/help/ind_vert_def.png) no-repeat;
    position: absolute;
    right: 32px;
    top: 8px;
    width: 19px;
    height: 32px;
}

#faq_btn .ind_act {
    background: url(../images/help/ind_vert_active.png) no-repeat;
    position: absolute;
    right: 32px;
    top: 8px;
    width: 19px;
    height: 32px;
}

.button {
    background-image: url(../images/list/list_item_bg.png);
    cursor: pointer;
}

.button  img {
    float: left;
}

/* default style */
* {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
}

/******************* For FAQ View *******************/
#fag_view {
    font-size: 20px;
    display: block;
    background: url(../images/help/faq_bg.png) no-repeat;
    width: 800px;
    height: 384px;
    position: absolute;
    top: 48px;
}

#faq_view_list {
    position: relative;
    margin-left: 115px;
    margin-top: 34px;
    height: 251px;
    width: 630px;
    float: left;
}

#faq_view_list .list-content {
    width: 570px;
}

#fag_view .list-item {
    position: relative;
    width: 570px;
    height: 49px;
    font-size: 20px;
    line-height: 50px;
    border-bottom: 1px solid #393939;
    cursor: pointer;
    float: left;
}

#fag_view .list-item span {
    left: 5px;
    margin-top: 18px;
    margin-left: 17px;
}

/* Faq bottom text*/
#faq_bottom {
    bottom: 19px;
    width: 764px;
    height: 50px;
    font-size: 18px;
    float: left;
    margin-top: 31px;
    margin-left: 36px;
}

#faq_bottom div {
    float: left;
    width: 764px;
}

#faq_bottom .second-line {
    top: 22px;
}

#settings_view {
    width: 800px;
    height: 480px;
}

.block {
    display: block !important;
}

.test_blur {
    width: 800px;
    height: 480px;
    top: -55px;
    z-index: 1001;
    opacity: .6;
    background-color: black;
    box-shadow: 3px;
}

.pointer {
    cursor: pointer !important;
}

/*CAUTION MESSAGE*/
#warning_view {
    width: 800px;
    height: 480px;
    z-index: 12001;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(218, 218, 218)), color-stop(0.3, rgb(0, 0, 0)));
}

#warning_view.fr .text {
    font-size: 23px;
}

#warning_view .message {
    width: 744px;
    height: 340px;
    position: relative;
    margin: 0 auto;
    top: 15px;
}

#warning_view .warning_text {
    position: relative;
    margin: 0 auto;
    width: 216px;
    font-size: 42px;
    font-weight: bold;
    top: 20px;
    text-shadow: 1px 1px 3px white;
    color: #CC2A2A;
}

#warning_view .text {
    font-size: 25px;
    position: relative;
    top: 15px;
    font-weight: bold;
}

#warning_view .okbut {
    width: 130px;
    height: 51px;
    position: relative;
    top: 30px;
    cursor: pointer;
    float: right;
    margin-right: 83px;
    display: none;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
}

#warning_view .components{
    margin-top: 20px;
    width: 420px;
}

#warning_view .component{
    width: 200px;
    height: 20px;
    float: right;
    position: relative;
}

#warning_view .item{
    position: relative;
    float: left;
    margin-left: 10px;
}

.hideWarning {
    width: 0px !important;
    overflow: hidden;
    z-index: -1 !important;
}

.fadeWarning {
    opacity: 0;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
}

#warning_view.fadeAnimation {
    -webkit-animation-name: opacity;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}

@
-webkit-keyframes opacity {

from {
    opacity: 1;

}

to {
    opacity: 0;
}

    }

/* Welcome Orientation View*/
#app_welcome_orientation_view {
    width: 800px;
    height: 480px;
    z-index: 12000;
}

#app_welcome_orientation_balck_mask_view {
    width: 800px;
    height: 480px;
    background: #000;
    opacity: 0.75;
}

#app_welcome_orientation_popup_text {
    position: relative;
    margin: 0px auto;
    font-size: 30px;
    text-align: center;
    width: 410px;
    margin-top: 18px;
}

#app_welcome_orientation_denypopup_text {
    position: relative;
    margin: 0px auto;
    font-size: 28px;
    text-align: center;
    width: 460px;
    margin-top: 53px;
}

#app_welcome_orientation_popup_buttons {
    width: 266px;
    height: 53px;
    border: 1px solid #333;
    position: relative;
    margin: 20px auto 0px;
}

#app_welcome_orientation_popup_lable {
    position: relative;
    width: 479px;
    height: 70px;
    border: 1px solid #fff;
    text-align: center;
    margin: 0px auto;
    margin-top: 70px;
    font-size: 25px;
    font-family: Helvetica;
}

#app_welcome_orientation_popup_lable span {
    position: relative;
    top: 5px;
    width: 432px;
}

#app_welcome_orientation_popup_view, #wo_denypopup {
    width: 546px;
    height: 346px;
    background: #000;
    z-index: 12002;
    left: 134px;
    top: 46px;
    border: 2px solid #A28542;
    -webkit-border-radius: 4px;
}

#wo_popup_btn_divider {
    width: 4px;
    height: 48px;
    background: url(../images/common/divider.png) no-repeat;
    left: 131px;
    z-index: 1;
}

#wo_popup_yes_button, #wo_popup_no_button {
    height: 52px;
    width: 132px;
    cursor: pointer;
    position: relative;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 52px;
}

#wo_popup_yes_button {
    border-right: 1px solid #000;
}

#wo_popup_no_button {
    border-left: 1px solid #393939;
}

#wo_popup_denypopup_ok_button {
    width: 238px;
    height: 48px;
    background: url(../images/common/bt_bg.png) repeat-x;
    cursor: pointer;
    position: relative;
    float: left;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    border: 1px solid #333;
    left: 155px;
    top: 80px;
    -webkit-border-radius: 4px;
}

#woSkippButton {
    width: 80px;
    height: 50px;
    cursor: pointer;
    top: 370px;
    left: 710px;
    font-size: 21px;
    text-align: center;
    line-height: 48px;
    z-index: 10000;
    border: 1px solid white;
    -webkit-border-radius: 3px;
    background: url(../images/common/skippbuttonbg_pressed.png) no-repeat;
    opacity: 0.75;
    display: none;
}

#woSkippButton .right_text {
    margin-top: 2px;
}

#woSkippButton.pressed {
    background: url(../images/common/skippbuttonbg_pressed.png) no-repeat !important;
}

#wo_popup_yes_button.pressed, #wo_popup_no_button.pressed, #wo_popup_denypopup_ok_button.pressed {
    background: url(../images/common/bt_bg_pressed.png) repeat-x !important;
}

/* END Welcome Orientation View*/
/* Video Error Popup*/
#video_error_popup {
    background: black;
    border: 1px solid #A03333;
    -webkit-border-radius: 3px;
    font-size: 23px;
    font-weight: bold;
    left: 308px;
    text-align: center;
    top: 170px;
    z-index: 12100;
    position: absolute;
    padding: 10px;
    display: none;
}

.mft_indicator {
    opacity: 0;
}

/* Lable plus Button*/
.lablePlusButton .button {
    float: right;
    right: 0px;
    width: 323px;
    height: 49px;
    border-left: 1px solid #393939;
}

.lablePlusButton .lable span, .lablePlusButton .button span {
    margin-left: 13px;
}

.lablePlusButton .button.single {
    width: 148px;
    height: 28px;
    border: 1px solid #393939;
    border-radius: 2px;
    margin-top: 10px;
    margin-right: 10px;
    text-align: center;
    line-height: 28px;
    float: right;
}

.lablePlusButton .button.single span {
    margin: 0px;
}

/* ****************Select System Popup *********************** */
#select_sysytem_view {
    width: 796px;
    height: 475px;
    top: 1px;
    border: 2px solid #926100;
    background: #000;
    z-index: 12002;
    -webkit-border-radius: 4px;
}

/* header lable*/
#select_system_heading_lable {
    position: relative;
    font-size: 30px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 30px;
}

/* content container*/
#select_system_container {
    width: 756px;
    height: 200px;
    position: relative;
    margin: 0px auto;
    border: 1px solid #393939;
}

/* vehicle select list*/
#settings_list {
    height: 130px;
    position: relative;
}

/* vehicle select list container*/
#select_system_list {
    width: 545px;
    position: relative;
    float: right;
    margin-top: 15px;
    margin-right: 20px;
}

/* vehicle select list buttons*/
#settings_list .button {
    position: relative;
    width: 135px;
    height: 48px;
    font-size: 20px;
    text-align: center;
    line-height: 48px;
    float: left;
    border-right: 1px solid #393939;
    border-top: 1px solid #393939;
    border-bottom: 1px solid #393939;
}

#settings_list .button.left-border {
    border-left: 1px solid #393939;
}

#settings_list .button.active {
    background: url(../images/settings/btn-48h-gray-active.png) repeat-x !important;
    color: #000;
}

#settings_list .button.bottom {
    margin-top: 2px;
}

/* select climate style lable*/
#select_system_label {
    font-size: 20px;
    width: 135px;
    position: relative;
    float: left;
    margin-left: 10px;
    margin-top: 15px;
}

/* Navigation select block*/
#navsdcard {
    height: 70px;
    position: relative;
    border-bottom: 1px solid #393939;
}

/* Navigation select block button container*/
#sdnav_buttons {
    position: relative;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

/* Navigation select block button*/
#navsdcard .button {
    width: 120px;
    height: 48px;
    border: 1px solid #393939;
    text-align: center;
    font-size: 20px;
    line-height: 48px;
    font-weight: bold;
}

#navsdcard .button.active {
    background: url(../images/settings/btn-48h-gray-active.png) repeat-x !important;
    color: #000;
}

#navsdcard_no_btn {
    position: relative;
    float: right;
}

#navsdcard_yes_btn {
    position: relative;
    float: left;
}

/* navigationApp select lable*/
#sdnav_label {
    position: relative;
    float: left;
    font-size: 20px;
    margin-top: 15px;
    margin-left: 10px;
}

/* Submit button*/
#select_system_submit {
    width: 130px;
    height: 50px;
    z-index: 12002;
    position: relative;
    border: 1px solid #393939;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    line-height: 50px;
    margin: 50px auto;
}

/* Info Lable*/
#select_system_info {
    position: relative;
    text-align: center;
    font-size: 25px;
    margin-top: 25px;
}

#select_system_info span {
    border: 1px solid #fff;
    padding: 5px 15px 5px 15px;
}