/* popup */
.ui-dialog-content h5 { margin: 0 0 15px; padding:0; font-size:14px; font-weight:normal; } 
.ui-dialog-content h6 { margin: 10px 0 15px; padding:0; font-size:14px; font-weight:bold;}

.ui-dialog-content dl { font-size:12px; line-height:22px; margin: 15px 0 0 0; }
.ui-dialog-content dt { float:left; clear:left; width:70px; height:26px; text-align:right; font-weight:bold; }
/* dt.minor { font-weight:normal; font-size:12px; } */
.ui-dialog-content dd { margin-left: 75px; margin-bottom:12px; }
.ui-dialog-content .fakeInput input, .ui-dialog-content .fakeInput textarea { min-width:135px; max-width:150px; border:0; margin:0; padding:0; font-size: 12px; position:relative; top:0; background:none; }
.ui-dialog-content .fakeInput { height:20px; border: 1px solid #B6B6B6; margin:0; padding:0 5px; float:left; background-color:#FFF; }
.ui-dialog-content .fakeTextarea { height:auto; min-height: 24px; background-color:#FFF; }
.ui-dialog-content .fakeTextarea textarea { top:4px; }
.ui-dialog-content .submitButton { margin-left:75px; }
.ui-dialog-content .tip { width:160px; height:20px; line-height:20px; background-color:#e9f5f4; border: 1px solid #aacdcb; font-size: 12px; margin:0; padding:0 10px; float:left; }
/* .ui-dialog-content .error { margin:0; padding:0; font-size: 14px; color:#FF0000; } */
.ui-dialog-content .error { min-width:160px; height:20px; line-height:20px; border: 1px solid #FF0000; margin:0; padding:0 10px; float:left; font-size: 12px; background-color:#FBD9D9; color:#FF0000; }
.ui-dialog-content .authForm .error { min-width:0; height:auto; border:0; margin:0; padding:0; float:none; background:none; }


body.embedwidget {
  margin:0; padding:0;
  overflow:hidden;
  background-color: #FFF;
  font: 15px helvetica,arial,san-serif;
}

  #stl_timeline_panels {
    overflow:hidden;
  }

  
  .stl_timeline_panel {
    border:1px solid red;
    position:absolute;
  }

  .embed_container {
    position:absolute:
    top:0px;
    left:0px;
    width:100%;
    right:0px;
    height:100%;
    bottom:0px;
  } 

  .widget_container {
    height:1000px; /* let's start big and make it smaller with JS */
    user-select: none; 
  	-khtml-user-select: none; 
  	-moz-user-select: none;
    overflow:hidden;
  }
  .timeline .widget_container { height:500px; }

  .widget_visualizations_container {
    position:absolute;
    top:22px;
    bottom:0px;
    width:100%;
  }
  
  .widget_visualization {
    width:100%;
    height:100%;
    position:absolute;
    background-color:#b7b7b7;
  }
  
  .stl_curtain {
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		background:#AAA;
	}
  
  .stl_chrome { 
    height:22px; 
    line-height:22px; 
    background-color:#dddddd;
    background-image:url('../../../static/images/3.0/widget/widgetAtlasHR.png.v8667.png');
    background-repeat:repeat-x; 
    background-position:0px -23px;
    border-bottom:1px solid #666; 
    color:#CCC; 
    overflow:hidden;
  }
  
  .stl_chrome a { 
    float:left; 
    display:block; 
    padding:0px 8px; 
    position:relative; 
    color:white; 
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
  }
  
  .stl_chrome a.selected { 
    background:url('../../../static/images/3.0/widget/widgetAtlasHR.png.v8667.png') repeat-x; 
    background-position-y:0px;
    font-weight:bold;
    color:#FFF;
  }
  
  .stl_chrome a:hover {
    text-decoration:underline;
  }
  
  .stl_chrome_fullscreen_button {
    background:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png');
    width:28px;
    height:22px;
    background-position:-186px -5px;
    position:relative;
    top:-1px;
  }
  
  .stl_search {
    top:23px;
    height:22px;
    width:100%;
    position:absolute;
    color:black;
    font-size:11px;
    font-weight:bold;
  }
  
  #stl_search_input, #stl_advanced_search {
    margin:2px 2px 0 0;
    float:right;
    white-space: nowrap;
  }
  
  #stl_search input, #stl_search select { margin-right:5px; }
  
  #stl_advanced_search div { float:left; }
  #stl_search_start_date, #stl_search_end_date { width:80px; }
  #stl_search_category { min-width:100px; }
  
  #stl_search_done, #stl_search_advanced, #stl_search_basic {
    cursor:pointer;
    float:right;
    background:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png');
    height:19px;
    margin:3px 2px 0 0;
  }
  
  #stl_search_done     { background-position:-298px -43px; width:51px; }
  #stl_search_advanced { background-position:-350px -43px; width:74px; }
  #stl_search_basic { background-position:-298px -63px; width:51px; }
  
  .stl_powered_by {
    position:absolute;
    right:5px;
    bottom:42px;
    width:161px;
    height:21px;
    background:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png');
    background-position:-212px -3px;
  }

  
  /* -------------------------- */  
  /* POPUP                      */
  /* -------------------------- */
  
  
/*
  .stl_popup {
		position:absolute;
		border:1px solid white;
		background:white;
		overflow:hidden;
	}
*/
  .ui-dialog .ui-dialog-titlebar { /* padding-right:28px; */ z-index:1003; }
  #ui-dialog-title-stl_popup { white-space:nowrap; /* width:100%; */ overflow:hidden; }

  .stl_popup .slideLeft, .stl_popup .slideRight { position:absolute; top:0; left:0; text-align:center; }
  .stl_popup .slideRight { left:auto; right:0; }
  .stl_popup .slideLeft, .stl_popup .slideRight { width:40px; height:443px; line-height:443px; }
  .stl_popup .slideLeft a, .stl_popup .slideRight a { display:block; width:25px; height:49px; margin:150px 0 0 0; clear:both; text-indent:-9999px; background-image:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png'); }

  .stl_popup .slideLeft a { background-position:-17px -13px; background-repeat: no-repeat; margin-left:8px; }
  .stl_popup .slideRight a { background-position:-88px -13px; background-repeat: no-repeat; margin-left:7px; }
  .stl_popup .slideLeft a:hover { background-position:-289px -206px; } 
  .stl_popup .slideRight a:hover { background-position:-361px -206px; }   
	.ui-dialog .stl_popup { padding:0; }

	.stl_popup div.page {
/*
    position:relative;
	  height:100%;
*/

		position:absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;

		margin:0 40px;
		background-color:white;
	}

	.stlPopupEventActions { height:20px; line-height:20px; font-size:12px; margin:8px 0 0 0; }
	.stlPopupEventActions a { color:#6F863F; font-weight:bold; }
	.stlPopupEventActions a.selected { color:#222222; }
	
	.stlPopupMedia { width:400px; height:317px; padding:0; margin-top:8px 0 0 0; text-align:center; position:absolute; }
	.stlPopupImage, .stlPopupAd { position:relative; width:400px; height:317px; padding:0; margin:0; }
	.stlPopupImage img, .stlPopupAd iframe { position:absolute; max-width:400px; max-height:317px; border:0; margin:0; padding:0; top:50%; left:50%; }
	
  .stl_popup .summary .stlPopupMedia { position:relative; float:none; }
  .stl_popup .summary .stlPopupImage { display:block; width:auto; height:auto; }
	
	#stl_popup .navBox { font-size:12px; float:none; left:400px; position:absolute; margin:0 0 0 15px; width:330px; height:317px; overflow:hidden; }
  #stl_popup .navBox .buttons li.stlPopupTabPulse { margin:7px 0 0 7px; }	
	#stl_popup .navBox > .content { margin:0; overflow:auto; height:287px; width:100%; /* width:330px; */ }
	#stl_popup .navBox > .content > div { margin:10px 15px; }
	#stl_popup .navBox > .content > div.map { margin:0; width:100%; height:100%}
	#stl_popup .navBox .content a { color:#6F863F; }
	
  #stl_popup .navBox .shareButtons { position:relative; bottom:auto; right:auto; }
  #stl_popup .navBox .shareButtons a { float:left; margin-top:2px; }
	
	/* small, one column popup stylings */
	.stlPopupOneColumnPage .stlPopupMedia { width:auto; height:auto; margin-top: 15px; }
	.stlPopupOneColumnPage .stlPopupImage { width:auto; height:auto; }
	.stlPopupOneColumnPage .stlPopupImage img { position:relative; top:auto; left:auto; }
	#stl_popup .stlPopupOneColumnPage .navBox { left:0; margin:8px 0 0; }
	
	#eventComments { width:100% }
	#eventCommentForm .fakeInput { float:none; height:auto; }
	#eventCommentField { width:100%; min-width:100%; max-width:100% }
	#stl_popup .comments .content { margin:0; }
	#stl_popup .comments span.meta { padding:0; }
	#stl_popup .comments .comment > .header { margin:0; }
	
	#stl_popup h5 { font-weight:bold; margin:0; color:#2F2D2D }
	#stl_popup .date { font-size:12px; margin-right:5px; }	
	#stl_popup p, #stl_popup div.description { font-size:12px; line-height:1.5em; margin:12px 0; }

	.stl_popup div#stlForm {
	  width:628px;
	  height:100%
		position:absolute;
		left:0px;
		top:0px;
		margin:0 10px 0 30px;
		background-color:white;
	}
	div#stlForm dd { margin-bottom:5px; }
	
	.stl_popup .tip { width:250px; }
	.stl_popup .fakeInput input, .stl_popup .fakeInput textarea { width:250px; max-width:none; }
	.stl_popup textarea { border:1px solid #B6B6B6; height:80px; padding:5px; width:250px; }
	.fakeInput input.hasDatepicker { width:236px; top:-3px; }
	#event_edit_now {
  	background:url(../../../static/images/now03.gif.v2242.gif) no-repeat scroll 0 0 transparent;
    display:block;
    float:left;
    height:0;
    margin-left:10px;
    overflow:hidden;
    padding-top:19px;
    width:35px;
  }
  
  .ui-datepicker-trigger { margin-top:2px; cursor:pointer; }
  .ui-datepicker { margin-top:2px; padding-top:0;}
  
  .eventFormButtons { position:absolute; right:25px; bottom:15px; }
  .eventFormButtons > span { float:left; }
  .eventFormButtons .styledButton { margin-left:7px; }
  .eventFormButtons > span a { line-height:20px; font-size:12px; font-weight:bold; color:#6f863f }
  
  #eventForm_mediaURL_tip { height:43px; }


  /* -------------------------- */  
  /* EMBED BUILDER              */
  /* -------------------------- */

  #stl_popup #builderControls { width:100%; height:100%; }
  #builderControls .inner { overflow:hidden; min-height:300px; }
  #builderControls ul { margin:0; padding:0; white-space:nowrap; }
  #builderControls li { margin:0 0 0 5px; padding:0; float:left; list-style:none; }
  #builderControls dl { margin-top:15px; }
  #builderControls dt { width:85px; }
  #builderControls dd { position:relative; }
  #stlEmbed .navBox { width:400px; height:auto; position:absolute; left:auto; right:15px; top:15px; margin:0; bottom:15px; }
  #stlEmbed #sampleEmbed { position: absolute; top: 15px; left: 15px; right: 430px; }

  #stlEmbed .navBox.inverted > .header { background-color:#E9F5F5; border-bottom:1px solid #B0CAC9; }
  #stlEmbed .navBox .header { padding:10px 15px; }
  #stlEmbed .navBox .header h5 { padding:0 0 5px }
  #stlEmbed .navBox .header .fakeInput { /* margin: 0px 15px 10px; */ float:none; width:auto; line-height:22px; }
  #stlEmbed .navBox .header input { width:100%; min-width:355px; }
  
  /* #stlEmbed .navBox .content .fakeInput, #stlEmbed .navBox .content select { margin-left:5px; } */
  #stlEmbed .navBox .content .fakeInput input { min-width:25px; }
  #stlEmbed .navBox .content input.radio { margin: 0 5px 0 0; padding:0; }
  #stlEmbed #customColorSwatch { cursor:pointer; background:none repeat scroll 0 0 #7A99C1; border: 1px solid #B6B6B6; border-left:none; float:left; height:20px; width:30px; }
  #stlEmbed #customColorPicker { background-color:#FFFFFF; border:1px solid #B0CAC9; bottom:-80px; position:absolute; right:0; z-index:100; }

  /* -------------------------- */  
  /* LOADING                    */
  /* -------------------------- */
  .stl_loading_holder {
    width:100%;
    top:100px;
    position:absolute;
    height:64px;
  }

  .stl_loading {
    width:207px;
    height:70px;
    background-image:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png');
    background-position:-59px -196px;
    text-align:left;
    position:relative;
  }
  
  .stl_loading .text {
  	position:absolute;
		font-size:20px;
		color:white;
		left:70px;
		top:25px;
  }
  
  .stl_loading .spinner {
  	position:absolute;
  	left:25px;
  	top:19px;
  }
  
  /* -------------------------- */  
  /* LIST                       */
  /* -------------------------- */
  
  #stl_widget_list { width:100%; height:100%; overflow:auto; }
  
  .stl_widget_list_event {
    padding:8px;
    border-bottom:1px solid #CCC;
    background-color:white;
    display:relative;
  }
  
  .stl_widget_list_event .date { margin-left:100px; font-size:12px; }
  .stl_widget_list_event div.link { margin-left:100px; }

  .stl_widget_list_event .description {
    margin-top:2px;
    margin-left:100px;
    font-size:14px;
    line-height:1.2em;
  }
  
  /* format description HTML */
  .stl_widget_list_event .description h1,
  .stl_widget_list_event .description h2,
  .stl_widget_list_event .description h3 {
    padding-left:0; margin-left:0;
    font-size:16px;
  }
  
  .stl_widget_list_event .title {
    font-weight:bold;
    font-size:18px;
    cursor:pointer;
    margin-left:100px;
  }
  
  .stl_widget_list_event .img { float:left; cursor:pointer; }
  .stl_widget_list_event .img img { width:85px; }
  
  
  /* -------------------------- */
  /* MAP                        */
  /* -------------------------- */
  
  #stl_chrome_map { display:none; }
  
  
  /* -------------------------- */  
  /* FLIP                       */
  /* -------------------------- */
  
  #stl_chrome_flip { display:none; }
  
  #stl_widget_flip_inner {
    width:100%; height:100%;
    position:absolute;
    overflow:hidden;
    background:#000;
    display:none;
  }
  
  #stl_widget_flip_inner .flip_item {
    position:absolute;
    top:5%;
    width:60%; height:90%;
    background-color:#000;
    /* border:2px solid #3C3A3A; */
    overflow:hidden;
  }

  #stl_widget_flip_inner .flip_item .heading {
    padding-top:8px;
    padding-bottom:8px;
    background-color:#3C3A3A;
    color:#FFF;
    position: relative;
  }
  
  #stl_widget_flip_inner .flip_item .title {
    text-align:center;
    width:100%;
    font-size:16px;
    font-weight:bold;
  }
  
  #stl_widget_flip_inner .flip_item .date {
    text-align:center;
    width:100%;
    font-size:12px;
  }
  
  #stl_widget_flip_inner .flip_item a.descriptionToggle {
    background-color:#3C3A3A; 
    color:#6F863F;
    height:100%;
    line-height:46px;
    position:absolute;
    right:0;
    padding-right:15px;
    text-decoration:none;
    top:0;
    vertical-align:middle;
  }
  
  .flip_tier_1 .descriptionToggle, .flip_tier_2 .descriptionToggle { display:none; }
  
  /* image is 100% height of slide, but left aligned when slide is narrower than image */
  #stl_widget_flip_inner .flip_item .content { position:relative; width:100%; }
  #stl_widget_flip_inner .flip_item .img { width:100%; height:100%; text-align:center; }
  #stl_widget_flip_inner .flip_item .img img { height:100%; width:auto; margin-left:auto; margin-right:auto; }
 
  
  /* attempt to horizontally center image in slide even when image is wider than slide */
  /* - works, but you cannot set the height of the image. :( */
  /*
  #stl_widget_flip_inner .flip_item .img img { border: 1px solid blue; position: relative; left:-50%; }
  #stl_widget_flip_inner .flip_item .content { width: 100%; margin: 0 auto; border: 1px solid red; overflow: visible;}
  #stl_widget_flip_inner .flip_item .img { display:inline-block; position:relative; right:-50%; float:left; }
  */

  /* when slides are narrow, let's display the of the image to accomodate clipping complaints on embeds, not as pretty... but fine for now */
  #stl_widget_flip_inner.narrow .flip_item .img img { /* max-width:100%; max-height:100%; */ width:100%; height:auto; }

  #stl_widget_flip_inner .flip_item .description { position:absolute; top:0; padding:8px; background-color:#000; color:#FFF; opacity:0.8; filter:alpha(opacity=80);
  overflow-y:auto; }

  #stl_widget_flip_inner .flip_tier_2 {
    top:25%; width:20%; height:40%;
    /* bottom:25%; */
    opacity:0;
    filter:alpha(opacity=0);
    z-index:1;
  }
  
  #stl_widget_flip_inner .flip_tier_1 {
    top:13%; width:35%; height:65%;
    /* bottom:13%; */
    opacity:0.2;
    filter:alpha(opacity=20);
    cursor: pointer;
    z-index:3;
  }
  
  #stl_widget_flip_inner .flip_center { left:20%; z-index:4; cursor: pointer; }
  
  #stl_widget_flip_item_left_2 { left:-12%; }
  #stl_widget_flip_item_left_1 { left:-5%; }
  #stl_widget_flip_item_right_1 { left:65%; }
  #stl_widget_flip_item_right_2 { left:100%; }
  
  #stl_widget_flip_inner .flip_button {
    position:absolute;
    top:40%;
    width:63px; height:63px;
    background-image:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png');
    z-index:4;
    cursor:pointer;
  }
  
  #stl_widget_flip_inner .flip_next { background-position:-65px -6px; right:2%; }
  #stl_widget_flip_inner .flip_prev { background-position: -1px -6px; left:2%; }
  #stl_widget_flip_inner .flip_next:hover { background-position:-338px -199px; }
  #stl_widget_flip_inner .flip_prev:hover { background-position:-273px -199px; }


  /* -------------------------- */  
  /* TIMELINE                   */
  /* -------------------------- */

  .stl_timeline_background {
    position:absolute;
    width:100%;
    height:100%;
  }
  
  .stl_timeline_background_image {
    width:100%;
    background-image:url('../../../static/images/3.0/widget/widgetAtlasHR.png.v8667.png');
    background-repeat:repeat-x;
    background-position:0 -46px;
    height:137px;
    bottom:33px;
    position:absolute;
  }
  
  #stl_widget_timeline {
    cursor:move;
  	user-select: none; 
  	-khtml-user-select: none; 
  	-moz-user-select: none;
    overflow:hidden;
  }

  .stl_timeline_zoomcontrol {
    position:absolute;
    top:50px;
    left:20px;
    width:30px;
    height:160px;
  }
  
  #stl_timeline_events {
    overflow:hidden;
  }

  /* ZOOM CONTROLLER   */
  .stl_timeline_zoomcontrol div {
    position:absolute;
    background-image:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png');  
  }


  .stl_timeline_zoomcontrol div.zoomin, .stl_timeline_zoomcontrol div.zoomout {
    cursor: pointer;
  }

  .stl_timeline_zoomcontrol div.zoomin, .stl_timeline_zoomcontrol div.zoomin_disabled {
    width:25px; height:27px;
    left:0px; top:0px;
    background-position:-130px -35px;
  }
  
  .stl_timeline_zoomcontrol div.zoomout, .stl_timeline_zoomcontrol div.zoomout_disabled {
    width:25px; height:27px;
    left:0px; top:135px;
    background-position:-130px -6px;
  }

  .stl_timeline_zoomcontrol div.zoomin_disabled, .stl_timeline_zoomcontrol div.zoomin:hover { 
    background-position:-160px -55px; 
  }
    
  .stl_timeline_zoomcontrol div.zoomout_disabled, .stl_timeline_zoomcontrol div.zoomout:hover { 
    background-position:-160px -26px; 
  }
  
  .stl_timeline_zoomcontrol div.zoombar {
    position:absolute;
    background-position:-42px -195px;
    width:10px; height:120px;
    left:8px;
    top:25px;
  }

  .stl_timeline_zoomcontrol div.zoomthumb {
    position:absolute;
    background-position:-133px -67px;
    width:21px; height:13px;
    top:0px;
    left:3px;
  }
  
  .stl_timeline_zoomcontrol div.zoomlabel {
    background-image:none;
    position:absolute;
    left:25px;
    top:-3px;
    font-size:11px;
    padding:3px;
    background-color:white;
    border:1px solid #AAA;
    width:60px;
  }
  
  /* DATE INDICATOR */
  .stl_timeline_dateindicator div.stl_timeline_centerline {
    position:absolute;
    width:25px;
    height:25px;
    top:0px;
    left:0px;
    background-color:#222;
    opacity:0.4;
    filter: alpha(opacity = 40);
  }
  
  .stl_timeline_dateindicator div.stl_timeline_centerdate {
    position:absolute;
    width:200px;
    height:22px;
    top:0px;
    left:0px;
    background-color:#FFF;
    border:1px solid #777;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align:center;
  }
  
  .stl_timeline_dateindicator div.stl_timeline_centerdate span {
    position:relative;
    top:2px;
    font-size:12px;
    font-weight:bold;
    color:#555;  
  }


  /* TIMESCALE */
  .stl_timeline_timescale {
    width:100%;
    height:22px;
    background:#5a4f51 url('../../../static/images/3.0/widget/widgetAtlasHR.png.v8667.png') 0px -183px repeat-x;
    position:absolute;
    left:0px;
    bottom:15px;
    border-top:1px solid #555;
    overflow:hidden;
  }
  
  .stl_timeline_timescale_block {
    position:absolute;
    width:25px;
    height:22px;
    line-height:22px;
    color:#EEE;
    border-left:1px solid #CCC;
    padding-left:5px;
    font-size:10px;
    font-weight:bold;
  }

  /* SCROLLBAR */
  .stl_timeline_scrollbar {
    position:absolute;
    bottom:0px;
    left:0px;
    height:18px;
    width:100%;
    overflow:hidden;
    background-image:url('../../../static/images/3.0/widget/widgetAtlasHR.png.v8667.png');  
    background-position:0 -222px;
    cursor:pointer;
  }
  
  .stl_timeline_scrollbar div {
    position:absolute;
    background-image:url('../../../static/images/3.0/widget/widgetAtlasHR.png.v8667.png');  
  }

  .stl_timeline_scrollbar div.buttonleft, .stl_timeline_scrollbar div.buttonright,
  .stl_timeline_scrollbar div.buttonleft_sel, .stl_timeline_scrollbar div.buttonright_sel  {
    cursor: pointer;
    top:1px;
    width:16px;
    height:16px;
    background-color:white;
    background-image:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png');  
  }
  
  .stl_timeline_scrollbar div.buttonleft {
    background-position:-268px -60px;
  }
  
  .stl_timeline_scrollbar div.buttonright {
    background-position:-250px -60px;
  }
  
  .stl_timeline_scrollbar div.buttonleft_sel {
    background-position:-268px -44px;
  }
  
  .stl_timeline_scrollbar div.buttonright_sel {
    background-position:-250px -44px;
  }
  
  .stl_timeline_scrollbar div.buttonright, .stl_timeline_scrollbar div.buttonright_sel {
    right:0px;
  }
  
  .stl_timeline_scrollbar div.thumb {
    cursor: pointer;  
    height:13px;
    width:50px;
    left:17px;
    top:2px;
    background-position:0 -210px;
  }
  
  .stl_timeline_scrollbar div.thumb div.leftCap  {
    background-image:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png'); 
    width:5px;
    height:13px;
    left:0px;
    background-position:-285px -46px;
  }
  
  .stl_timeline_scrollbar div.thumb div.rightCap {
    background-image:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png'); 
    width:5px;
    height:13px;
    right:0px;
    background-position:-292px -46px;
  }
  

  
  /* BALLOONS */
  .stl_timeline_jumbo_event, .stl_timeline_event {
    position:absolute; 
    cursor:pointer;
    white-space:nowrap;
  }
	
  .stl_timeline_jumbo_event_bg_r, .stl_timeline_event_bg_r {
    width:20px; left:20px;
    float:right;
    position:relative;
  }
	
  .stl_timeline_jumbo_event .inner, .stl_timeline_event .inner {
    position:absolute;
    margin-left:9px;
    top:5px;
    max-width:320px;
    overflow:hidden;
    width:100%;
  }
  
	.stl_timeline_jumbo_event span.title, .stl_timeline_event span.title {
  	position:absolute;
		font-size:14px;
		font-weight:bold;
		color:#2f2d2d;
	}
	
	.stl_timeline_jumbo_event span.date, .stl_timeline_event span.date {
    position: absolute;
		font-size:11px;
		padding-right:42px;
	 	color:#847e7e;
	}
  .stl_timeline_jumbo_event:hover span.title, .stl_timeline_jumbo_event:hover span.date {
    color:white;
  }
	.stl_timeline_jumbo_event .icons, .stl_timeline_event .icons { position:absolute; bottom:1; right:0px; width:40px; }
	.stl_timeline_jumbo_event .icons img, .stl_timeline_event .icons img { margin-left:2px; }
	
	.stl_timeline_jumbo_event div.img {
		width:100%; height:133px;
		position:absolute;
		text-align:center;
		top:4px;
	}
  	
	.stl_timeline_jumbo_event div.img img {
		height:133px;
	}
  
  .stl_timeline_jumbo_event div.img div.imgwrapper {
    width:100%; height:133px;
    overflow:hidden;
    text-align:center;
  }
  
  
  /* JUMBO BALLOON */
  .stl_timeline_jumbo_event, .stl_timeline_jumbo_event_bg_r {
    background-image:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png');
		height:192px;
  }
  
  .stl_timeline_jumbo_event:hover { background-position:0 -508px; }
  .stl_timeline_jumbo_event:hover div.stl_timeline_jumbo_event_bg_r { background-position:-440px -508px; }
  .stl_timeline_jumbo_event { background-position:0 -316px; }
  .stl_timeline_jumbo_event_bg_r { background-position:-440px -316px; }
  .stl_timeline_jumbo_event .inner { height:165px; }
  .stl_timeline_jumbo_event span.title { top:139px; }
  .stl_timeline_jumbo_event span.date { top:153px; }
  
  /* NORMAL BALLOON */
  .stl_timeline_event, .stl_timeline_event_bg_r {
    background-image:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png');
    height:56px;
  }

  .stl_timeline_event:hover { background-position:0px -138px; }
  .stl_timeline_event:hover div.stl_timeline_event_bg_r { background-position:-440px -138px; }
  .stl_timeline_event { background-position:0 -82px; }
  .stl_timeline_event_bg_r { background-position:-440px -82px; }
  .stl_timeline_event .inner { height:32px; }
  .stl_timeline_event span.title { top:2px; }
  .stl_timeline_event span.date { top:18px; }
  
  .stl_timeline_event:hover span.title, .stl_timeline_event:hover span.date {
    color:white;
  }
  
  .stl_timeline_event div.img {
  	width:24px; height:24px;
  	float:left;
  	position:relative;
  	margin-right:4px;
  	top:4px;
  }

  .stl_timeline_event div.img img {
  	width:24px; height:24px;
  }
  
  .stl_timeline_stick {
    position:absolute;
    width:5px;
    height:50px;
    background-color:#222;
    opacity:0.2;
    filter:alpha(opacity=40);
  }

  /* FLAGS */
  .stl_timeline_flag {
  	position:absolute;
  	background-image:url('../../../static/images/3.0/widget/widgetAtlas.png.v8728.png');
    background-position:-214px -27px;
  	width:21px; height:26px;
  	cursor:pointer;
  }

  .stl_timeline_flag:hover {
    background-position:-214px -55px;
  }

  /* BUTTONS */
  .stl_timeline_buttons {
    position:relative;
    padding-left:10px; 
  }
  .stl_timeline_buttons a.styledButton { margin-right:26px; }
  .stl_timeline_buttons div.followButtonHolder { float:left; position:relative; }
  .stl_timeline_buttons div.followButtonHolder a.styledButton { position:absolute; }
  
  /* SOURCES */
  table.stl_timeline_source_list {
    width:100%;
  }

  table.stl_timeline_source_list th {
    background-color:#CCC;
  }
  
  table.stl_timeline_source_list td {
    text-align:center;
  }
  
  table.stl_timeline_source_list td.sourcecol {
    text-align:left;
  }
  
  table.stl_timeline_source_list tr.odd {
    background-color:#F4F7FB;
  }


  /* TRAY */
.stl_tray_container {
  padding-top:10px;
  display:none;
}
  
.stl_tray_container #tray {
  clear:both;
  background:#FBFBFB url(../../../static/images/2.0/widget_chrome_tray_shadow.gif.v4970.gif) repeat-x;
  border-left:1px solid #9a9a9a;
  border-right:1px solid #9a9a9a;
  border-bottom:1px solid #9a9a9a;
  background-position:0px -1px;
  padding:0px 0px 10px;
  margin:-10px 13px 14px;
  position:relative;
}
.stl_tray_container #tray .tray_content .styled_button {
  margin-top:5px;
}
.stl_tray_container #tray .tray_content {
  margin:0px 8px 0px;
  padding-top:5px;
}

.stl_tray_container #tray.tray_hidden {
  background:#FFF;
}
.stl_tray_container #tray.tray_hidden .tray_content {
  display:none;
}

.stl_tray_container #tray .tray_content .header {
  height:30px;
}

.stl_tray_container #tray #sourcetab {
  position:absolute;
  bottom:-10px;
  left:50%;
  margin-left:-59px;
  width:118px;
  height:0px;
  padding-top:16px;
  overflow:hidden;
  background:url(../../../static/images/2.0/source_tab.gif.v5582.gif) no-repeat;
  background-position:0px -48px;
}
.stl_tray_container #tray #sourcetab:hover {
  background-position:0px -32px;
}
.stl_tray_container #tray.tray_hidden #sourcetab {
  background-position:0px -16px;
}
.stl_tray_container #tray.tray_hidden #sourcetab:hover {
  background-position:0px 0px;
}