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

#flags_page #above_browser{
  float:left;
  display:inline;
  width: 361px;
  min-height:47px;
  max-height:50px;
  padding:7px 7px 10px 7px;
  position:relative;
}
#flags_page #browser{
  float:left;
  clear:left;
  display:inline;
  width: 361px;
  overflow:auto;
  overflow-x:hidden;
  padding:0 7px 10px 7px;
  position:relative;
}
#flags_page #map_container{
  position:relative;
  margin:0 0 0 375px;
  height: 1%;
}
#flags_page #above_map{
  position:absolute;
  height:28px;
  padding:7px 4px 0 0;
  font-size:11px;
  color:#666;
  left:375px;
  overflow:hidden;
}
#flags_page #map{
  position:relative;
  background-color:#99B3CC;
  margin: 40px 5px 0 0;
}

/* ********************************* */
/*       HEADER / FOOTER             */

#heading_bar #tabs{
  position:absolute;
  top:7px;
  left:5px;
  height:28px;
}
#top.full_page div{
  /* makes flag page topbar span full page */
  width:100%;
}
#heading_bar.full_page div#entire{
  width:100%;
}
#flags_page #heading_bar {
  /* thicker on flags page by a few pixels*/
  height: 35px;
}
#flags_page #heading_bar .left{
  /* no margin on flags page */
  position:relative;
  margin-left:0px;
  padding-top:5px;
}
#flags_page #flag_page_heading{
  font-size:17px;
}
#flags_page #heading_bar .right{
  margin-top:3px;
}
#flags_page #footer{
  position:absolute;
  bottom:0px;
  left:0px;
  height:25px;
  margin-top:7px;
}
#flags_page #footer div{
  width:100%;
}

/* ********************************* */
/*         ABOVE BROWSER             */

#above_browser input#search{
  display:inline;
  width:230px;
}
#above_browser input.submit{
  float:none;
  display:inline;
  font-size:15px;
  margin:0 0 0 10px;
  width:110px;
}
#above_browser #remember_search{
  position:absolute;
  top:46px;
  left:7px;
  font-size:11px;
  height:16px;
  line-height:16px;
  padding-left:5px;
  background-color:#FFFFCC;
  width:350px;
  color:#333;
}
#above_browser #clear_search{
  float:left;
  display:inline;
  width:350px;
  font-size:11px;
  font-weight:bold;
  color:#999;
}
#above_browser #clear_search #flag_search_query{
  color:#333;
}
#above_browser #clear_search_link{
  color:#0AF;
  text-decoration:underline;
  font-weight:bold;
  cursor: pointer;
  margin-left:9px;
}
#above_browser #clear_search_link:hover{
  color:#66CCFF;
}

/* ********************************* */
/*            BROWSER                */

#browser #flags{
  position:relative;
  padding: 0 0 10px 0;
}

/* ********************************* */
/*       PAGINATION LINKS            */

.flag_navigation_links{
  display:inline;
  margin:4px 10px 5px 0;
  color:#999;
  font-weight:bold;
  padding:3px 0 0 0;
}
.flag_navigation_links a{
  margin-right:1px;
  padding:4px 3px 0px 4px;
  height:13px;
  color:#608ebd;
  display:inline-block;
  display:-moz-inline-box;
  border:2px solid #CFDEE6;
  text-align:center;
  min-width:20px;
  text-decoration:none;
}
.flag_navigation_links a:hover,
.flag_navigation_links a.current_page:hover{
  background-color:#FE9E9;
  border:2px solid #fDD;
  color:#f36;
}
.flag_navigation_links a.current_page{
  background-color:#FEE;
  border:2px solid #fDD;
  color:#f36;
}

/* ********************************* */
/*             ABOVE MAP             */
#above_map .lhs,
#above_map .rhs{
  float:left;
}
#above_map strong{
  float:left;
  margin:0 9px 0 9px;
  line-height:30px;
  height:30px;
  position:relative;
}
#above_map .lhs strong img{
  position:absolute;
  top:7px;
  left:52px;
}
#above_map .lhs strong{
  padding-right:25px;
}
#above_map .lhs form{
  float:left;
  width:218px;
  margin:3px 0 0 0;
  padding:0px;
}
#above_map .lhs form input.text{
  width:168px;
  height:16px;
  padding:3px 0 0 0;
}
#above_map .lhs form input.submit{
  width:40px;
  margin:0 0 0 5px;
  padding:0 0 0 0;
  height:23px;
  z-index:2000;
}
#above_map .rhs form{
  float:left;
  width:200px;
  margin:3px 0 0 0;
  padding:0px;
}

/* ********************************* */
/*           ADVERTISEMENTS          */

#flags_page #ads{
  position:relative;
  margin-right:5px;
  margin-top:10px;
  height:54px;
  overflow:hidden;
  z-index:10000;
}
#flags_page #ads img{
  float:left;
  margin-left:2px;
}
#flags_page #ads .ad{
  cursor:pointer;
  float:left;
  width:245px;
  height:41px;
  padding:3px 3px 3px 5px;
  margin:0px 0px 10px 4px;
}
#flags_page #ads .ad:hover{
  background-color:#F0F7F9;
}
#flags_page #ads .ad img{
  margin:3px 5px 0px 1px;
}
#flags_page #ads .ad .title{
  color:#0AF;
  font-size:13px;
  font-weight:bold;
  height:15px;
}
#flags_page #ads .ad .phone_number{
  font-size:10px;
  font-weight:bold;
  height:15px;
}
#flags_page #ads .ad .description{
  over-flow:hidden;
  font-size:11px;
  line-height:12px;
}

/* ********************************* */
/* SEND TO MAP STYLES */

#send_to_map{
  width:340px;
  padding:17px 0 0 12px;
  position:relative;
}
#send_to_map #send_top{
  height:30px;
}
#send_to_map #send_top img{
  float:left;
  margin:-2px 7px 0 0;
}
#send_to_map #send_top a{
  float:right;
  color:#666;
  margin:-15px 0 0 0;
}
#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:323px;
  overflow: auto;
}
#send_to_map #map_list ul{
  float:left;
  width:295px;
  padding:0;
  margin:0;
  list-style: none;
}
#send_to_map #map_list ul li{
  color:#0AF;
  text-decoration:underline;
  font-size:14px;
  padding:5px;
  width:100%;
  margin:0 0 0 0px;
}
#send_to_map #map_list ul li:hover{
  background-color:#F1F7F6;
}
#send_to_map #map_list ul li img{
  float:left;
  margin-right:10px;
}
#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:20px;
  padding-left:15px;
  width:260px;
}

/* ********************************* */
/* BUSY INDICATORS */

#add_flag_busy{
  position:absolute;
  top:140px;
  left:135px;
  font-weight:normal;
  font-size:14px;
}
#browser_busy{
 position: absolute;
 left:170px;
 top:200px;
 padding: 6px 6px 6px 6px;
 width: 20px;
 height: 20px;
 z-index:1000;
}
#map_busy{
 z-index:100;
 position: absolute;
 top: 50%;
 left: 50%;
 padding: 6px 6px 6px 6px;
 width: 20px;
 height: 20px;
 margin-left: -16px;
 margin-top: -16px;
 border: 1px solid black;
 background-color: white;
}
#photo_upload_busy{
 height:30px;
 line-height:30px;
 text-align:center;
}
#current_flag{
 width: 390px;
 min-width: 390px;
 background-color:white;
 position:relative;
}