body {
    	background-color:white;
    }
    .timeline_setter {
      margin:0 auto;
      padding:10px;
      position:relative;
      min-height: 500px;
      overflow:hidden;
      border: 1px solid #CCC;
      background:white;
    }
    .TS-item {
      z-index:1;
      position:absolute;
      border:1px solid #EBEBEB;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      padding:20px;
      background:#F7F7F7;
      color:#333;
      width: 400px;
      -webkit-box-shadow: #CECECE 0px 0px 40px;
      -moz-box-shadow: #CECECE 0px 0px 40px;
      box-shadow: #CECECE 0px 0px 40px;
    }

    .mug
    {
    	padding-left:10px;
    	float:right;
    }


     /* Clearfix for each box */
	.TS-item:before,
	.TS-item:after {
		content:"";
		display:table;
	}
	.TS-item:after {
		clear:both;
	}
	.TS-item {
		zoom:1; /* For IE 6/7 (trigger hasLayout) */
	}

    .TS-item_user_html {
      padding-bottom:5px;
    }
    .TS-item_label {
      line-height: 1.4em;
	  margin: 8px 0;

    }
    /* Clearfix for .ts-item_label */
			.TS-item_label:before,
			.TS-item_label:after {
				content:"";
				display:table;
			}
			.TS-item_label:after {
				clear:both;
			}
			.TS-item_label {
				zoom:1; /* For IE 6/7 (trigger hasLayout) */
			}


    .TS-item_year {
      font-family:"Helvetica Neue",Helvetica,arial,sans-serif;
      font-size:16px;
      padding-top:10px;
      float:left;
      clear:left;
      display:block;
    }
    .TS-item_year_text {
      float:left;
    }
    .TS-css_arrow {
      border-style: solid;
      height: 0px;
      width: 0px;
      position:relative;
      top: 2px;
      border-width: 10px 10px 10px 10px;
    }
    .TS-css_arrow_up {
      border-color: transparent transparent #7C93AF transparent;
    }
    .TS-read_btn {
      -webkit-box-shadow: #CECECE 0px 0px 2px;
      -moz-box-shadow: #CECECE 0px 0px 2px;
      box-shadow: #CECECE 0px 0px 2px;
      -webkit-user-select: none;
      background: #E9F0F8;
      border-bottom-left-radius: 4px 4px;
      border-bottom-right-radius: 4px 4px;
      border-top-left-radius: 4px 4px;
      border-top-right-radius: 4px 4px;
      color: black;
      cursor: pointer;
      font-weight: bold;
      padding: 5px;
      margin-top:8px;
      font-size:11px;
      font-family:"Helvetica Neue",arial,sans-serif;
      text-transform:uppercase;
      font-weight:normal;
      text-align:center;
      display:block;
      margin-top:10px;
    }
    .TS-read_btn:hover {
      color:black;cursor:pointer;text-decoration:none;background:#cecece;
    }
    .timeline_setter a {
      text-decoration:underline;
      color:#3461A1;
    }

    .timeline_setter ul a {
    text-decoration: none;
color: #09334B;
font-family: Georgia, Times, serif;
    }
    .timeline_setter ul a:hover {
    text-decoration: underline;

    }

    .TS-top_matter_container {
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      overflow:visible;
      margin-bottom:10px;
    }
    .TS-notchbar_container {
      border:1px solid #cecece;
      -webkit-box-shadow: #CECECE 0px 0px 2px;
      -moz-box-shadow: #CECECE 0px 0px 2px;
      box-shadow: #CECECE 0px 0px 2px;
      background:#f7f7f7;
      width:100%;
      height:40px;
      position:relative;

      clear:left;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      cursor: col-resize;
    }
    .TS-card_scroller {
      width:100%;
      position:relative;
      overflow:hidden;
      height:960px; /* FIX THIS!!! */
    }
    .TS-card_scroller_inner {
      width:100%;
      position:relative;
    }
    .TS-notchbar {
      height:40px;
      position:relative;
      width:100%;
      margin: 0 auto;
    }
    .TS-notchbar_draggable {
      cursor: col-resize;
    }
    .TS-notch, .TS-year_notch {
      height:100%;
      position:absolute;
      color:#999;
    }
    .TS-year_notch {
      border-left: 1px solid #999;
    }
    .TS-year_notch_year_text {
      display:block;
      /*
        Arial actually looks better than Helvetica at
        small sizes. See Comment 6 here:
        http://www.subtraction.com/2007/11/01/the-elements#7497
      */
       font-family:"Helvetica Neue",Helvetica,arial,sans-serif;
      font-size:14px;

      padding:2px 0 0 0px;
      z-index:100;
      position:relative;
      top:-20px;
      left:-1px;
    }
    .TS-year_notch:hover {
    }
    .TS-notch{
      width:13px;
      cursor:pointer;
      opacity:.5;
      filter: alpha(opacity = 50);
    }
    .TS-card_container {
      position:absolute;
      margin-left:-5px;
      z-index: 9000;
    }
    .TS-controls {
      margin: 0 0 0 0;
      float:right;
      height:2%;
      overflow:visible;
      text-align: right;
      min-width:236px;
    }
    .TS-controls a {
      border:1px solid #cecece;
      background-color:#f0f0f0;
      padding:10px;
     text-decoration: none;
		color: #333;
      font-family:"Helvetica Neue",Arial,sans-serif;
      font-weight:normal;
      height: 14px;
      font-size:14px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      display: inline;
      position:relative;
      top:20px;
    }
    .TS-choose_next {
      margin-left:4px;
    }
    .TS-controls_inner_text {
      font-size:12px;
      text-transform:uppercase;
    }
    .TS-controls a.TS-controls_disabled {
      color:#cecece;
      background-color:#f7f7f7;
      cursor:default;
    }
    .TS-series_legend_text{
    	display:inline-block;
    }
    .TS-controls a:hover {
      background-color:#fff;
    }
    .TS-notch_active, .TS-notch:hover {
      /*-webkit-box-shadow: 0px 0px 1px #000;
      -moz-box-shadow: 0px 0px 1px #000;
      box-shadow: 0px 0px 10px #000;*/
      /* let's throw IE7 users a bone */
      *border: 1px solid #333;
      opacity:.95;
      filter: alpha(opacity = 95);
    }
    .TS-zoom {
      background-repeat:no-repeat;
      background-position:center center;
      width:50px !important;
      padding:15px;
      margin-right:4px;
    }
    .TS-zoom_inner_text {
      display:none;
      /* IE7 */
      *display:inline;
    }
    .TS-zoom_in {
      background-image:url("../../../../../o/js/2011/timeline-setter/art/plus.png");
    }
    .TS-zoom_out {
      background-image:url("../../../../../o/js/2011/timeline-setter/art/minus.png");
    }

    /* legend */

    .TS-series_nav_container {
      font-family:Arial,sans-serif;
      font-size:15px;
      height:70px;
      margin-left:-10px;
    }
    .TS-series_legend_swatch {
      background-image:url("data:image/gif;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIBJREFUeNrskksKwCAMBev9byS4UfEOoh7AA4hu9JUG2kVb+8FVoYFsQmbghTAA00ix7wumRfC0nXPYz97Ca70ThBA20hhzL7DWIsZIi957AmutB7gryDkTlFLaYKUUznZPBUIIlFIIbq1BSolevG5uzjnF0Frj6j7sf+VxwSzAAG/ifZQMhRJhAAAAAElFTkSuQmCC");
      background-repeat:no-repeat;
      background-position:center center;
      width: 20px;
      height: 20px;
      display: block;
      float: left;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      border-top-left-radius: 2px 2px;
      border-top-right-radius: 2px 2px;
      border-bottom-right-radius: 2px 2px;
      border-bottom-left-radius: 2px 2px;
      margin-right:5px;
    }
    .TS-series_legend_item {
      float:left;
      margin:10px 10px 0 10px;
      cursor:pointer;
    }
    .TS-series_legend_item_inactive {}
    .TS-series_legend_item_inactive .TS-series_legend_swatch {
      background-image:none !important;
      filter:alpha(opacity=40); /* IE can't do data URLs, so this will serve as 'inactive' UI for series heds in IE */
    }
    .TS-item h2, .TS-img-hed {
      /*font-family: 'Helvetica Neue',arial,sans-serif;*/
      /*font-family: 'Francois One', sans-serif;*/
     	font-size: 200% /* 24px */;
		line-height: 1.2em;
		font-weight: normal;
		margin-bottom:10px;
		font-family: Georgia, Times, serif;
    }
    .TS-permalink {
      font-family:"Helvetica Neue",arial,sans-serif;
      font-size:12px;
      color:#404040;
      cursor:pointer;
      padding:0 0 0 15px;
      margin-top:-5px;
      float:left;
      -webkit-transform:rotate(45deg);
      -moz-transform:rotate(45deg);
    }

    /* color priority */
    /* "#065718", "#EDC047", "#91ADD1", "#929E5E", "#9E5E23", "#C44846", "#465363", "#EDD4A5", "#CECECE" */

    /* default */
    .TS-notch_color_default,.TS-series_legend_swatch_default {
      background-color: #09334B;
    }
    .TS-notch_color_default:hover{background:#09334B; opacity: .8;
filter: alpha(opacity = 900);}

    .TS-css_arrow_color_default {
      border-bottom-color:#09334B;
    }
    .TS-item_color_default {
      border:1px solid #09334B;
    }

    /* 1 */
    .TS-notch_color_1,.TS-series_legend_swatch_1 {
      background-color: #09334B  ;
    }
    .TS-css_arrow_color_1 {
      border-bottom-color:#09334B  ;
    }
    .TS-item_color_1 {
      border:1px solid #09334B  ;
    }

    /* 2 */
    .TS-notch_color_2,.TS-series_legend_swatch_2 {
      background-color: #BC5C23  ;
    }
    .TS-css_arrow_color_2 {
      border-bottom-color:#BC5C23  ;
    }
    .TS-item_color_2 {
      border:1px solid #BC5C23  ;
    }

    /* 3 */
    .TS-notch_color_3,.TS-series_legend_swatch_3 {
      background-color: #5E5E5E  ;
    }
    .TS-css_arrow_color_3 {
      border-bottom-color:#5E5E5E  ;
    }
    .TS-item_color_3 {
      border:1px solid #5E5E5E  ;
    }

    /* 4 */
    .TS-notch_color_4,.TS-series_legend_swatch_4 {
      background-color: #929E5E  ;
    }
    .TS-css_arrow_color_4 {
      border-bottom-color:#929E5E  ;
    }
    .TS-item_color_4 {
      border-top:1px solid #929E5E  ;
    }

    /* 5 */
    .TS-notch_color_5,.TS-series_legend_swatch_5 {
      background-color: #9E5E23  ;
    }
    .TS-css_arrow_color_5 {
      border-bottom-color:#9E5E23  ;
    }
    .TS-item_color_5 {
      border-top:1px solid #9E5E23  ;
    }

    /* 6 */
    .TS-notch_color_6,.TS-series_legend_swatch_6 {
      background-color: #C44846  ;
    }
    .TS-css_arrow_color_6 {
      border-bottom-color:#C44846  ;
    }
    .TS-item_color_6 {
      border-top:1px solid #C44846  ;
    }

    /* 7 */
    .TS-notch_color_7,.TS-series_legend_swatch_7 {
      background-color: #465363  ;
    }
    .TS-css_arrow_color_7 {
      border-bottom-color:#465363  ;
    }
    .TS-item_color_7 {
      border-top:1px solid #465363  ;
    }


    /* 8 */
    .TS-notch_color_8,.TS-series_legend_swatch_8 {
      background-color: #EDD4A5  ;
    }
    .TS-css_arrow_color_8 {
      border-bottom-color:#EDD4A5  ;
    }
    .TS-item_color_8 {
      border-top:1px solid #EDD4A5  ;
    }

    /* 9 */
    .TS-notch_color_9,.TS-series_legend_swatch_9 {
      background-color: #CECECE  ;
    }
    .TS-css_arrow_color_9 {
      border-bottom-color:#CECECE  ;
    }
    .TS-item_color_9 {
      border-top:1px solid #CECECE  ;
    }

/*Left column flat page*/
#leftcolumn .TS-item {width:240px !important}
#leftcolumn .TS-item img, #leftcolumn object {width:240px !important;}
#leftcolumn .TS-item img.mug {width:120px !important;}
#leftcolumn .timeline_setter {
      min-height: 800px;
    }