/* global */

#prog_bkg {
  width:1000px;
  height:619px;
  position:absolute;
  font-family: Courier, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  margin:0;
  padding-left:135px;
  padding-top:118px;
  border:0;
  text-align: left;
  background: url('../pics/dp4_handles.png') no-repeat top left white;
  z-index:3;
}

#prog_bkg #hw_txt {
  font-family: 'Titillium Web', arial, sans-serif !important;
  font-size:12px;
  font-weight:bold;
  display:inline-block;
  color:white;
  position:absolute;
  left:170px;
  top:349px;
  background:none;
  line-height: 12px;
}

#prog_bkg #btn_bar {
  position:absolute;
  margin:0;
  padding:0;
  border:0;
  left:350px;
  top:403px;
  background: url('../pics/btn_bar.png') no-repeat top left;
  width:213px;
  height:30px;
}

#prog_bkg .btn {
  position:absolute;
  margin:0;
  padding:0;
  border:0;
  cursor:pointer;
}

#prog_bkg #prog_list {
  width:531px;
  height:315px;
  border:0;
  margin:0;
  padding:0;
  overflow:hidden;
  position:absolute;
  left:134px;
  top:118px;
  background-color:#474b63;
}


#prog_bkg #menu_items {
  position: absolute;
  left:0;
  top:8px;
}

#prog_bkg .item_bar {
  display:block;
  width:521px;
  margin-left:5px;
  height:32px;
  margin-top:2px;
  padding-top:1px;
  background: url('../pics/item_bar.png') no-repeat top left;
}

#prog_bkg .item_bar .name {
  display:inline-block;
  width:230px;
  margin-left:1px;
}

#prog_bkg .item_bar .name a {
  color:#DDE1FF;
  font-family: 'Titillium Web', arial, sans-serif !important;
  font-size:16px;
  font-weight:normal;
  position:relative;
  left:5px;
  top:-9px;
  cursor:pointer;
}

#prog_bkg .item_bar .name a:hover {
  color:#FDFDFF;
  text-shadow:0 0 5px #FDFDFF;
  font-weight:bold;
}

#prog_bkg .p_icon {
  width:30px;
  height:30px;
  border:0;
  margin:0;
  margin-left:1px;
  padding:0;
  display:inline-block;
  opacity:0.5;
}

#prog_bkg .p_icon.highlited {
  opacity:1;
}

#prog_bkg .i0 {
  background: url('../pics/prog_icons/ic_diagnostic_2_n.png') no-repeat top left;
}
#prog_bkg .i1 {
  background: url('../pics/prog_icons/service_n.png') no-repeat top left;
}
#prog_bkg .i2 {
  background: url('../pics/prog_icons/odo_n.png') no-repeat top left;
}
#prog_bkg .i3 {
  background: url('../pics/prog_icons/key_ny.png') no-repeat top left;
}
#prog_bkg .i4 {
  background: url('../pics/prog_icons/accident_n.png') no-repeat top left;
}
#prog_bkg .i5 {
  background: url('../pics/prog_icons/eprom_n.png') no-repeat top left;
}
#prog_bkg .i6 {
  background: url('../pics/prog_icons/flash_n.png') no-repeat top left;
}
#prog_bkg .i7 {
  background: url('../pics/prog_icons/OBD_n.png') no-repeat top left;
}
#prog_bkg .i8 {
  background: url('../pics/prog_icons/lock_n.png') no-repeat top left;
}


#prog_bkg #btn1 {
  left:161px;
  top:124px;
  width:106px;
  height:53px;
}
#prog_bkg #btn2 {
  left:328px;
  top:122px;
  width:89px;
  height:58px;
}
#prog_bkg #btn3 {
  left:489px;
  top:128px;
  width:86px;
  height:51px;
}
#prog_bkg #btn4 {
  left:606px;
  top:221px;
  width:49px;
  height:38px;
}
#prog_bkg #btn5 {
  left:605px;
  top:287px;
  width:49px;
  height:38px;
}
#prog_bkg #btn6 {
  left:605px;
  top:352px;
  width:49px;
  height:38px;
}
#prog_bkg #btn7 {
  left:361px;
  top:407px;
  width:26px;
  height:23px;
}
#prog_bkg #btn8 {
  left:416px;
  top:407px;
  width:26px;
  height:23px;
}
#prog_bkg #btn9 {
  left:472px;
  top:407px;
  width:26px;
  height:23px;
}
#prog_bkg #btn10 {
  left:525px;
  top:407px;
  width:26px;
  height:23px;
}
#prog_bkg #btn11 {
  left:352px;
  top:470px;
  width:38px;
  height:37px;
}
#prog_bkg #btn12 {
  left:406px;
  top:470px;
  width:38px;
  height:37px;
}
#prog_bkg #btn13 {
  left:462px;
  top:474px;
  width:38px;
  height:37px;
}
#prog_bkg #btn14 {
  left:513px;
  top:474px;
  width:38px;
  height:37px;
}


#prog_bkg #btn1:hover {
  background: url('../pics/dp4_1_hl.png') no-repeat top left;
}
#prog_bkg #btn2:hover {
  background: url('../pics/dp4_2_hl.png') no-repeat top left;
}
#prog_bkg #btn3:hover {
  background: url('../pics/dp4_3_hl.png') no-repeat top left;
}
#prog_bkg #btn4:hover {
  background: url('../pics/dp4_4_hl.png') no-repeat top left;
}
#prog_bkg #btn5:hover {
  background: url('../pics/dp4_5_hl.png') no-repeat top left;
}
#prog_bkg #btn6:hover {
  background: url('../pics/dp4_6_hl.png') no-repeat top left;
}
#prog_bkg #btn7:hover {
  background: url('../pics/dp4_7_hl.png') no-repeat top left;
}
#prog_bkg #btn8:hover {
  background: url('../pics/dp4_8_hl.png') no-repeat top left;
}
#prog_bkg #btn9:hover {
  background: url('../pics/dp4_9_hl.png') no-repeat top left;
}
#prog_bkg #btn10:hover {
  background: url('../pics/dp4_10_hl.png') no-repeat top left;
}
#prog_bkg #btn11:hover {
  background: url('../pics/dp4_11_hl.png') no-repeat top left;
}
#prog_bkg #btn12:hover {
  background: url('../pics/dp4_12_hl.png') no-repeat top left;
}
#prog_bkg #btn13:hover {
  background: url('../pics/dp4_13_hl.png') no-repeat top left;
}
#prog_bkg #btn14:hover {
  background: url('../pics/dp4_14_hl.png') no-repeat top left;
}

div.prog_menu_pos {
  font-size: 16px;
  height:24px;
  border-bottom:1px solid white;
/*  padding-top:5px; */
  padding-left:5px;
  color:white;
  text-decoration:none;
  position:relative;
  top:-5px;
}

.prog_menu_pos[selected] {
  background:red;
}

#prog_menu_bar {
  height:41px;
  margin-left:12px;
}

#prog_bkg #answer {
  text-align: center;
  margin-top:100px;
}

#prog_bkg #answer div {
  font-family: 'Titillium Web', arial, sans-serif !important;
  font-size:16px;
  font-weight:normal;
  display:inline-block;
  color:#DDE1FF;
}

#prog_bkg #answer div.ans_btn {
  margin-left:10px;
  margin-right:10px;
  cursor:pointer;
}

#prog_bkg #answer div.ans_btn:hover {
  color:#FDFDFF;
  text-shadow:0 0 5px #FDFDFF;
  font-weight:bold;
}



.news_popup {
  border:1px solid black;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: gainsboro;
  padding:30px;
  margin: 5% !important;
  position:fixed !important;
  top:100px !important;
  left:40%;
  width: 710px;
  height: 300px;
  z-index:10000 !important;
  overflow: auto;
}

#problem_desc #supp_step_8_5 {
  border:1px solid red;
  padding-left:5px;
  padding-right:5px;
  display:inline-block;
}