.xtimeline_style {}

xdiv { border:solid 1px #d0c0b0; }

body    { background:#fff; color:#222; margin:0px; padding:20px; }
body    { font-family: tahoma, arial, helvetica; font-size: 12px; }

img     { border:none; }

.title  { font-size:18px; font-weight:bold; color:#fff; }
.copy   { font-size:10px; }
#debug  { position:absolute; font-size:10px; top:1em; right:1em; opacity:0.75; z-index:100; background:#ccc; padding:0.5em; border:solid 2px #aaa; color:#666;  }

.widget { font-family: tahoma, verdana, arial, helvetica; font-size: 12px; font-weight:bold; }
.widget { position:relative; width:900px; height:314px; background:#fff; overflow:hidden; border:solid 0px #333; opacity:0.999; color:#000;  }
.widget { padding:0px; }

.info_layer { position:absolute; z-index:4; display:none; background:inherit; display:none; overflow:auto; }
.info_panel { padding:10px; background:inherit; z-index:4; font-weight:normal; }
.info_panel div a { color:#000; font-weight:normal; text-transform:capitalize; cursor:pointer; }

.media_panel { position:absolute; top:1em; right:1em; overflow:hidden; width:300px; height:100px; }
.media_panel span { display:block; text-align:center; }
.media_panel span img { max-width:300px; }

.node_layer { position:absolute; z-index:1; top:32px; }
.name_layer { position:absolute; z-index:2; font-weight:bold; font-size:24px; text-transform:capitalize; color:#fff; text-align:left; left:0px; bottom:-30px; height:30px; overflow:hidden; }
.name_layer { xx_background-image:url('/xt3/xtassets/xtimeline.gif'); background-repeat:no-repeat; background-position: -2px -2px; } 
.name_layer { padding-left:10px; }
.name_layer a { text-decoration:none; color:#fff; text-transfor:capitalize; }

.ctrl_layer { position:absolute; background:#333; z-index:2; bottom:0px; height:30px; left:0px; }
.ctrl_layer { background-image:url('/xt3/xtassets/slider.gif'); background-repeat:no-repeat; background-position: 0px 0px; cursor:pointer; } 

.node   { position:absolute; top:4px; width:360px; x-height:1em; padding:6px 0 6px 20px;  z-index:3; overflow:hidden; }
.node   { background-image:url('/xt3/xtassets/nodemark.gif'); background-repeat:no-repeat; background-position: 2px 0px; }
.node a { text-decoration:none; font-weight:bold; color:#fff; text-transform:capitalize; padding-right:1em; cursor:pointer; }
.hilite { background-image:url('/xt3/xtassets/nodemark_hl.gif'); background-repeat:no-repeat; background-position: 2px 0px; z-index:4; overflow:visible; } 
.hilite a { text-decoration:none; font-weight:bold; color:#fff; text-transform:capitalize; opacity:0.95; padding-right:1em;text-decoration:underline;  }

.cardview { opacity:0.99; font-weight:normal; }
.cardview div { float:right; padding:0px 0px 8px 8px; }
.cardview div img { max-width:130px; }
.cardview div object { max-width:130px; }
.cardview div embed { max-width:130px; }

.block  { padding:0.25em; position:absolute; top:0px; width:10px; height:32px; z-index:2; font-size:14px; letter-spacing:0.2em; }
.tmark { position:absolute; border:solid 1px #5c8015; border-width:0px 0 0 0px; height:32px; }

.fr { float:right; background:#000; padding:2px; }
.semi { opacity:0.7; }
.pointer { cursor:pointer; }