/* TM Timeline CSS Document */
/* Id = $Id: tm_timeline-new.css 3370 2019-01-10 16:48:36Z dhong2 $ */
/* URL = $URL: https://prod-cicm.uspto.gov/scm/svn/ADMIN-WWWUSPTO-DEV/trunk/www/web_common/var/www/ais/html/includes/c/tm_timeline-new.css $ */


@media screen and (min-width:500px)
{
.wrapper
 {
	position: inherit;
   }
}


	.navtext {text-align:left; width:350px; font:bold 9pt sans-serif; border-width:2px; border-style:outset; border-color:white; background-color:#f0f0f0; layer-background-color:#f0f0f0; color:black;}
	.redBox {background-color: red;	margin: 0px; padding: 4px; cursor: pointer; color: White; display: block; font-weight: normal; font-size: 1.1em;}
	.blueBox {background-color: Blue; margin: 0px; padding: 4px; cursor: pointer; color: White; display: block; font-weight: normal; font-size: 1.1em;}
	.arrow {margin: 0px; padding: 0px; background-image: url(/image/tm_arrow.gif); height: 50px; width: 112px; color: white; font-weight: bold; font-size: .65em;}
	.thinarrow {margin: 0px; padding: 0px; background-image: url(/image/tm_thin_arrow.gif); height: 48px; width: 45px;}
	.arrow p {margin: 0px; padding-top: 5px;}
	p.or {width: 50px; float: left; text-align: center; margin-top: 10px; font-weight: normal; font-size: 1.2em;}
	
	.red_flow a:link {text-decoration: none}
    .red_flow a:visited {text-decoration: none}
    .red_flow a:active {text-decoration: none}
    .red_flow a:hover {background-color: #CC0000; cursor:default;}
	
	.blue_flow a:link {text-decoration: none}
    .blue_flow a:visited {text-decoration: none}
    .blue_flow a:active {text-decoration: none}
    .blue_flow a:hover {background-color: #003399; cursor:default;}




