/*
 *     The Timeline CSS
 *
 *     These styles will/should have priority over the standard styles for the timeline.
 */


#title_banner {background: url('../images/CPI_TWC_Timeline_bg.gif') repeat-x;}


#frmTimeline {width: 100%; height: 400px;}

body {margin: 0; padding: 0;}

.blogheaderbg {display: none;}

.Tborder_lightgray {border: 0;}

.txt12, .txt12bold {font-size: 11px; font-family: Arial, sans-serif;}

.txt12bold {text-transform: capitalize; color: #003366;}

#controls input, #controls select, #controls button {font-size: 11px; font-family: Arial, sans-serif;}

/*#controls button {background: #003366; color: white; cursor: pointer; border: 1px solid #333; padding: 1px 2px;}*/

#controls button {background: transparent url('button_clear.gif') no-repeat; width: 60px; height: 20px; font-size: 0px; color: transparent; border: 0; cursor: pointer;}

#controls input, #controls select {width: 100px; border: 1px solid #7F9DB9; padding: 1px 2px;}

#controls td div {width: 100px !important; height: 10px !important;}

#controls td {vertical-align: top;}

#controls {border-bottom: 1px solid #CCC; padding-bottom: 10px;}

#controls button span, .txtnotes span {display: none;}

.timeline-default {font-family: arial, sans-serif; font-size: 10px;}

.timeline-band-layer-inner div {/*height: 2.1em !important;*/ padding-bottom: .25em;}

.timeline-band-layer-inner {height: 100%; font-size: 10px;}

.timeline-event-bubble-title {border: 0 !important; padding-right: 10px;}

.timeline-band-inner {background: #333;}


/* time bubble */
.timeline-event-bubble-title {font-family: arial, sans-serif; font-size: 12px;}
.timeline-event-bubble-body {font-family: arial, sans-serif; font-size: 11px; padding-right: 10px;}


#btnLeft {background: url('button_earlier.gif') no-repeat; width: 70px; height: 20px;}
#btnRight {background: url('button_later.gif') no-repeat 100% 0; width: 70px; height: 20px;}
.txtnotes {/*font-size: 9px; text-transform: uppercase; color: #333; font-style: normal; font-family: Arial, sans-serif;*/ font-size: 0px; color: transparent; width: 420px; height: 20px; background: url('instructions.gif') no-repeat 50% 0;}