#maincontent {
  float: none;
  background: #23519C url(/images/content_bg_1020x239.gif) no-repeat top left;
  width:1020px;

}


.main_content{
  width:1020px;
}

#wrapper {
  width:1020px;
}

.main_content{
  margin: 0px 10px;
}

#anim_div {
  width:1000px;
  margin:0;
  /*
  background-color:#999999;
  */
}

#anim_div .anim_table {
  border:0px solid #ffffff;
}

#anim_div .animation_settings {
  width:150px;
  /*
  background-color:#999999;
  */
}


#anim_div .animation_settings .settings_header {
  font-weight:bold;
  /*
  background-color:#999999;
  */
  text-align:center;
}

#anim_div .animation_settings .settings_header {
  font-weight:bold;
  text-align:center;
}

#animation_controls {
  text-align:center;
}

#animation_image {
  text-align:center;
  margin:0 auto;
  /*background-color:#ffffff;*/
  width:850px;
  height:710px;
}

#anim_div .anim_table {
  border:0px;
  margin:0 auto;
  
}



#anim_div .anim_table .settings_table {
  width: 850px;
  margin:0 auto;
}

.settings_table .frame_controls {
  text-align:center;
  width:260px;
  width:180px;
  font-size:11px;
  font-size:9px;
}

div.dateInput {
  text-align:left;
}
.settings_table .frame_controls .date_text{
  text-align:left;
}

.settings_table .loop_controls {
  text-align:center;
  width:260px;
  width:170px;
  font-size:12px;
}

#overlay{
  /*display:inline;*/
  width:880px;
  height:710px;
  text-align:center;
  margin:0 auto;
  position:absolute;
  visibility:hidden;
  /*z-index:3;*/
}

#overlay .overlay{
  width:850px;
  text-align:center;
  margin:0 auto;
  position:absolute;
  top:0px;
  left:0px;
  /*z-index:3;*/
}

.settings_table .overlay_controls {
  text-align:left;
  height:108px;
  /*width:160px;*/
  font-size:12px;
  font-size:10px;
  font-size:9px;
}

#overlay_div {
  height:108px;
  width:440px;
  overflow-x:hidden;
  overflow-y:auto;
  
}

#overlay_div td{
  width:50%;
  width:45%;
  width:215px;
}

#date_controls{
  font-size:11px;
}

#date_controls .day_cell{
  text-align:center;
}

#date_controls .week_cell{
  text-align:center;
}

#date_controls .cur_period{
  background-color:#cccccc;
  color:#000000;
  text-align:center;
}

#date_controls .day_cell_hilite{
  background-color:#cccccc;
  color:#000000;
  text-align:center;
}

#date_controls .day_cell_hilite a{
  color:#000000;
}

#date_controls .day_cell{
  background-color:#23519C;
  color:#ffffff;
  text-align:center;
}

#date_controls .day_cell a{
  color:#ffffff;
}

#date_controls .week_cell_hilite{
  background-color:#cccccc;
  color:#000000;
  text-align:center;
}

#date_controls .week_cell_hilite a{
  color:#000000;
}

#date_controls .week_cell{
  background-color:#23519C;
  color:#ffffff;
  text-align:center;
}

#date_controls .week_cell a{
  color:#ffffff;
}

#date_controls .other_period{
  background-color:#23519C;
  color:#ffffff;
  text-align:center;
}

#anim_contain {
  width: 850px;
  margin:0 auto;
}

/*tab info start*/
#anim_div #map_tabs ul li {
  margin:0;padding:0;list-style:none;
  /*margin:0 .5em 0 0;*/
  display:inline-block;
  display:-moz-inline-stack;*display:inline;vertical-align:bottom;cursor:pointer;
  margin:0 .25em 0 0;
  margin:0 .25em;
  /*padding:1px 0 0;*/
  zoom:1;
  
}
#anim_div #map_tabs {
}
#anim_div #map_tabs ul{
  width:850px;
  margin:0 auto;
  padding:0px;
  
}

#anim_div #map_tabs ul li a{
  display:block;
  display:inline-block;vertical-align:bottom;
  font-size:13px;
  
}
#anim_div #map_tabs ul li a{
  background:#d8d8d8 url(/images/nav_sprite.png) repeat-x;
  vertical-align:center;
  border:solid #a3a3a3;
  border-width:0 1px;
  color:#000;
  position:relative;
  text-decoration:none;
  border:solid #a3a3a3;
  /*border-width:1px 0 0;*/
  border-top-width:1px;
  border-width:1px 1px 0 1px;
  cursor:hand;
  padding:.25em .75em;
  left:0;right:0;bottom:0;top:-1px;position:relative;
}

#anim_div #map_tabs ul li a:focus{
}

#anim_div #map_tabs ul li a:focus,#anim_div #map_tabs ul li a:hover{
  background:#bfdaff url(/images/nav_sprite.png) repeat-x left -1300px;
  vertical-align:center;
  outline:0;
}
#anim_div #map_tabs ul li.selected{
  
}
#anim_div #map_tabs ul li.selected a,#anim_div #map_tabs ul li.selected a:hover,#anim_div #map_tabs ul li.selected a:focus{
  background:#2647a0 url(/images/nav_sprite.png) repeat-x left -1400px;
  vertical-align:center;
  border:solid #a3a3a3;
  border-width:0 1px;
  color:#000;
  position:relative;
  text-decoration:none;
  border-color:#243356;
  border-top-width:1px;
  /*border-width:1px 0 0;*/
  border-width:1px 1px 0 1px;
  color:#ffffff;
  padding:.25em .75em;
  
}

#anim_div #map_tabs ul li.selected a:focus{
}

#anim_div .map-content{
  margin:0px;
  padding:0px;
}

#history_tab{
  visibility:hidden;
}
/*tab info end*/

/*Various period content start*/
#real_time_content{
  /*visibility:hidden;*/
  display:none;
}
#current_content{
  /*visibility:hidden;*/
  display:none;
}
#historical_content{
  /*visibility:hidden;*/
  display:none;
}
#short_range_content{
  visibility:visible;
}
#long_range_content{
  /*visibility:hidden;*/
  display:none;
  /*vertical-align:top;*/
}
/*Various period content end*/
#show_start_date { position:relative; top:0px; border:0; height:20px;margin:0px;}
#start_date { position:relative; margin:0px;}
#start_dateContainer { display:none; position:absolute; z-index:3;}

#historical_show_start_date { position:relative; top:0px; border:0; height:20px;margin:0px;}
#historical_start_date { position:relative; margin:0px;}
#historical_start_dateContainer { display:none; position:absolute; z-index:3;}

#long_range_show_start_date { position:relative; top:0px; border:0; height:20px;margin:0px;}
#long_range_start_date { position:relative; margin:0px;}
#long_range_start_dateContainer { display:none; position:absolute; z-index:3;}

#show_end_date { position:relative; top:0px; border:0; height:20px;margin:0px;}
#end_date { position:relative; margin:0px;}
#end_dateContainer { display:none; position:absolute; z-index:3;}

#historical_show_end_date { position:relative; top:0px; border:0; height:20px;margin:0px;}
#historical_end_date { position:relative; margin:0px;}
#historical_end_dateContainer { display:none; position:absolute; z-index:3;}

#long_range_show_end_date { position:relative; top:0px; border:0; height:20px;margin:0px;}
#long_range_end_date { position:relative; margin:0px;}
#long_range_end_dateContainer { display:none; position:absolute; z-index:3;}


#underlay{
  /*display:inline;*/
  width:850px;
  height:710px;
  text-align:center;
  margin:0 auto;
  position:absolute;
  background-color:#ffffff;
  /*z-index:1;*/
}

#underlay .underlay{
  width:850px;
  text-align:center;
  margin:0 auto;
  position:absolute;
  top:0px;
  left:0px;
  /*z-index:1;*/
}

#animation_image{
  /*z-index:2;*/
  position:absolute;
}

#animation_spacer{
  height:665px;
}

#real_time_select{
  display:none;
  /*visibility:hidden;*/
}

#current_select{
  display:none;
  /*visibility:hidden;*/
}

#historical_select{
  display:none;
  /*visibility:hidden;*/
}

#short_range_select{
  /*display:none;*/
}

#long_range_select{
  display:none;
  /*visibility:hidden;*/
}

.real_time_select{
  display:none;
  /*visibility:hidden;*/
}


.current_select{
  display:none;
  /*visibility:hidden;*/
}


.historical_select{
  display:none;
  /*visibility:hidden;*/
}

.short_range_select{
  /*display:none;*/
}

.long_range_select{
  display:none;
  /*visibility:hidden;*/
}

.hiddenElements {
  visibility:hidden;
}





/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #000000;
    border: 1px solid black;
    padding: 12px;
}

a.jqmClose,a:link.jqmClose ,a:active.jqmClose ,a:visited.jqmClose  {
  color:#000000;
  text-decoration:none;
  font-size:9px;
}

a:hover.jqmClose{
  color:#000000;
  text-decoration:underline;
  font-size:9px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

a.jqm_mailto_link,a:link.jqm_mailto_link ,a:active.jqm_mailto_link ,a:visited.jqm_mailto_link{
  color: blue;
}
a:hover.jqm_mailto_link{
  color:blue;
  text-decoration:underline;
}

#animation_image .loop_image {
  position:absolute;
}

#animation_image .loop_image_hidden {
  position:absolute;
  visibility:hidden;
}

#progressBarContainer{
  height:45px;
  width:220px;
  background-color:#cccccc;
  position:absolute;
  visibility:hidden;
  text-align:center;
  font-size:10px;
  padding-top:5px;
  /*top:60px;*/
  margin-top:140px;
  margin-left:315px;
}

#progressBarInnerDiv{
  height:100%;
  width:0px;
  margin: 0px;
  padding: 0px;
  background-color:red;
  text-align:left;
  left:0px;
  top:0px;
}

#progressBarOuterDiv{
  height:10px;
  width:200px;
  padding: 0px;
  margin: 10px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  background-color:#cccccc;
  border:1px solid #000000;
  text-align:left;
  left:0px;
  top:0px;
}

#progressBarText{
  height:20%;
  width:100%;
  padding: 0px;
  margin: 0px auto;
  text-align:center;
  color:#000000;
  font-weight:bold;
}