/* ********************************* */
/*       HIGH LEVEL STRUCTURE       */

#flag #main{
  width:900px;
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  position:relative;
}
#flag #main #top_bar_strip{
  text-align:right;
  height:25px;
  margin: 0 0 5px 0;
}
#flag #main #lhs{
  float:left;
  width:518px;
}
#flag #main #rhs{
  float:right;
  margin-left:5px;
  padding:0;
  width:365px;
  display:inline;
}
#flag #main #rhs .share{
  width:365px;
}
#flag #main .heading_box img{
  float:left;
  margin:5px 0 0 7px;
  display:inline;
}
#flag #main .heading_box a{
  float:left;
  margin:0 7px 0 7px;
  display:inline;
}
/* ********************************* */
/*                LHS               */
#flag #main #lhs #send_to_map{
  position:absolute;
  top:0px;
  left:250px;
  width:375px;
  height:500px;
  z-index:1000;
  background-color:white;
  border-top: 1px solid #168;
  border-right: 3px solid #168;
  border-bottom: 3px solid #168;
  border-left: 1px solid #168;
}
#flag #main #lhs #map{
  width:100%;
  height:320px;
}
#flag #main #lhs #comments{
  margin:10px 0 20px 0;
}
#flag #main #lhs form input.submit{
  margin-top:10px;
  float:right;
  margin:10px 0 0 0;
  padding:0;
  width:120px;
  display:inline;
}
#flag #main #lhs form textarea{
  width:513px;
}
#send_to_map{
  width:347px;
  padding:17px 0 0 12px;
  position:relative;
}
#send_to_map.not_signed_in{
  width:347px;
  padding:17px 0 0 12px;
  position:relative;
  height:40px !important;
  text-align:center;
}
#send_to_map #send_top{
  height:30px;
}
#send_to_map #send_top img{
  float:left;
  margin-right:7px;
  display:inline;
}
#send_to_map #send_top h2{
  font-weight:bold;
  float:left;
}
#send_to_map #send_top a{
  float:right;
  color:#666;
  margin-right:10px;
  display:inline;
}
#send_to_map #send_top a:hover{
  float:right;
  color:#AAA;
}
#send_to_map #send_map_confirm{
  background-color: #3c0;
  border-top: 1px solid #180;
  border-right: 2px solid #180;
  border-bottom: 3px solid #180;
  border-left: 1px solid #180;
  font-weight:bold;
  font-size:14px;
  color:white;
  position:absolute;
  top:140px;
  width:250px;
  height:60px;
  line-height:60px;
  text-align:center;
  left:65px;
}
#send_to_map #sending_flag{
  background-color: #3c0;
  border-top: 1px solid #180;
  border-right: 2px solid #180;
  border-bottom: 3px solid #180;
  border-left: 1px solid #180;
  font-weight:bold;
  font-size:14px;
  color:white;
  position:absolute;
  top:140px;
  width:250px;
  height:60px;
  line-height:60px;
  text-align:center;
  left:65px;
}

#send_to_map #map_list{
  position:relative;
  top:0px;
  padding:7px;
}
* #send_to_map #map_list{
  /* makes map_list expand with contents in IE */
  height: 1%;
  height:300px;
  width:340px;
  overflow: auto;
}

#send_to_map #map_list ul{
  float:left;
  width:310px;
  padding:0;
  margin:0;
  list-style: none;
  display:inline;
}
#send_to_map #map_list ul li{
  cursor:pointer;
  color:#0AF;
  text-decoration:underline;
  font-size:14px;
  padding:5px;
  width:100%;
  margin:0 0 0 5px;
}
#send_to_map #map_list ul li:hover{
  background-color:#F1F7F6;
}
#send_to_map #map_list ul li img{
  float:left;
  margin-right:10px;
  display:inline;
}
#send_to_map #map_list #choose{
  color:#333;
  width:100%;
  padding-bottom:5px;
  margin-bottom:12px;
  background: url('/images/hor_dot.gif') repeat-x bottom;
}
#send_to_map #did_you_know{
  position:relative;
  top:10px;
  padding-left:20px;
}


/* ********************************* */
/*                RHS               */

#flag #main #rhs #current_flag{
  padding:10px 15px 5px 15px;
  width:320px;
  background:none;
}
#flag #main #rhs input.submit{
  float:left;
  clear:left;
}
#flag #main #rhs .editor_ok_button{
  height:25px;
  margin-left:6px;
  margin-top:5px;
}
#flag #main #rhs .editor_ok_button:hover{
  height:20px;
  margin-left:6px;
}
#flag #main #rhs #photo_upload a{
  /* the cancel button */
  float:left;
  margin-top:14px;
  margin-left:10px;
  display:inline;
}
#flag #main #rhs .share{
  background: url('/images/hor_dot.gif') repeat-x bottom; 
  clear:left;
  float:left;
  width:315px;
  margin:20px 0 0 10px;
  padding:0px 0 20px 0px;
  display:inline;
}
#flag #main #rhs .share .share_code{
  background-color:white !important;
  padding:0 0 0 5px;
  width:305px !important;
  height:22px;
  line-height:22px;
  overflow:hidden;
  scroll:none;
  font-size:12px;
}
#flag #main #rhs ul.map_list li{
  width:100%;
}
#flag #main #rhs #views{
  margin:10px 0 0 0;
  padding:0px 0 0 10px;
  float:left;
  clear:left;
  width:330px !important;
}