/* ********************************* */
/*       HIGH LEVEL ELEMENTS         */

#howto #howto_nav{
  color:white;
  background-color: #41505E;
}
#main{
  margin: 0 auto;
  width: 900px;
  margin-top:25px;
}
#main #lhs{
  float:left;
  width:150px;
  padding:0;
  margin:0;
}
#main #rhs{
  float:left;
  width:720px;
  padding-left:20px;
  border-left:1px solid #CCCCCC;
}
#main #rhs ol{
  padding-left:0px;
}


/* ********************************* */
/*         PAGE LEVEL STYLES         */

#mobile_creating_flag #steps .popup_box{
  width:425px;
  margin:10px 0 0 0px;
}
#mobile_creating_flag #steps .popup_box ul{
  padding: 0 0 0 10px;
}
#mobile_creating_flag #steps .popup_box li{
  margin: 0 0 0 15px;
}
.bigword{
  /* big words used to display email addies*/
  font-size:22px;
  margin:15px 0 15px 0;
}
#mobile_warning{
  border:1px solid #FFCC33;
  background-color: #FFFFE3;
  height:30px;
  width:490px;
  margin-bottom:10px;
  line-height:30px;
  padding-left:20px;
  color: #8F806B;
  font-size:12px;
}
.step{
  width:400px;
  margin:0 0 14px 0;
  padding:15px 20px 10px 13px;
}

/* ********************************* */
/*             LHS STYLES            */

#lhs ul{
  list-style: none;
  padding:0;
  margin:0;
}
#lhs li{
  padding:0;
  margin:0 0 0 10px;
}

/* ********************************* */
/*             RHS STYLES            */

/* ********************************* */
/*            MOBILE HOWTO           */
#mobile_creating_flag{
  padding:30px 0 30px 0;
  background: url('/images/hor_dot.gif') repeat-x top; 
}
#mobile_creating_flag #mobile_howto_image{
  float:left;
  width:160px;
}
#mobile_creating_flag #mobile_steps{
  float:right;  
  width:530px;
}
#mobile_creating_flag #mobile_step_1{
  background: #F8FBFC url('/images/1_bullet_blue.gif') left no-repeat;
  padding-left:70px !important;
}
#mobile_creating_flag #mobile_step_2{
  background: #F8FBFC url('/images/2_bullet_blue.gif') left no-repeat;
  padding-left:70px !important;
}
#mobile_creating_flag #mobile_step_3{
  background: #F8FBFC url('/images/3_bullet_blue.gif') left no-repeat;
  padding-left:70px !important;
}

/*        MOBILE SEND TO MAP        */

#mobile_send_flag_to_map{
  padding:30px 0 30px 0;
  background: url('/images/hor_dot.gif') repeat-x top; 
}
#mobile_send_flag_to_map #mobile_send_map_steps{
  float:right;  
  width:530px;
}
#mobile_send_flag_to_map #mobile_contacts_image{
  float:left;
  width:160px;
}
#mobile_send_flag_to_map #mobile_mapcode_image{
  float:left;
  margin:24px 34px 0 0;
}
#mobile_send_flag_to_map  #mobile_send_map_step_1{
  background: #f4fcf1 url('/images/1_bullet_green.gif') left no-repeat;
  padding-left:70px !important;
}
#mobile_send_flag_to_map  #mobile_send_map_step_2{
  background: #f4fcf1 url('/images/2_bullet_green.gif') left no-repeat;
  padding-left:70px !important;
}
#mobile_send_flag_to_map #mobile_send_map_step_3{
  background: #f4fcf1 url('/images/3_bullet_green.gif') left no-repeat;
  padding-left:70px !important;
}

/*        MOBILE HELPFUL TIPS        */
#mobile_helpful_tips{
  padding:30px 0 30px 0;
  background: url('/images/hor_dot.gif') repeat-x top; 
}
#mobile_helpful_tips .helpful_hint{
  float:left;
  clear:both;
  margin-top:20px;
}
#mobile_helpful_tips .helpful_hint_icon{
  float:left;
  width:30px;
}
#mobile_helpful_tips .helpful_hint_content{
  float:right;
  width:650px;
}

/* ********************************* */
/*           ONLINE HOWTO            */
#online_creating_flag{
  padding:30px 0 30px 0;
  background: url('/images/hor_dot.gif') repeat-x top; 
}
#online_adding_video{
  padding:30px 0 30px 0;
  background: url('/images/hor_dot.gif') repeat-x top; 
}
#online_send_flag_to_map{
  padding:30px 0 30px 0;
  background: url('/images/hor_dot.gif') repeat-x top; 
}
#online_sharing_maps{
  padding:30px 0 30px 0;
  background: url('/images/hor_dot.gif') repeat-x top; 
}
#online_sharing_maps .share{
  float:left;
  width:280px;
  clear:both;
  background:none;
  margin:3px 0;
  padding:0 0 -10px 0;
}
#online_sharing_maps textarea{
  margin:-10px 0;
}
#online_sharing_maps li{
  margin-top:20px;
}
#online_sharing_maps #codeSnippet{
  margin:20px;
  width:190px;
}
#still_need_help{
  padding:20px 0 50px 0;
  background: url('/images/hor_dot.gif') repeat-x top; 
}