@charset "UTF-8";
/* CSS Document */
/* style for the comparison table for Timeline and Timeline Lite */

table.compare_timeline, table.compare_timeline tr{
	width:960px;}

table.compare_timeline, table.compare_timeline td, table.compare_timeline th, table.compare_timeline tr{
	font:normal normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#444;
	border:0; 
	margin:0; 
	padding:0;
	border-spacing:0;
	border-collapse: collapse;/*for IE*/}
	
table.compare_timeline td			{vertical-align:top;	padding:0; }
table.compare_timeline div.orange	{background:url(/resources/images/bubble_orange.png) no-repeat center;}
table.compare_timeline div.green	{background:url(/resources/images/bubble_green.png) no-repeat center;}
table.compare_timeline div.blue		{background:url(/resources/images/bubble_blue.png) no-repeat center;}
table.compare_timeline div.grey		{background:url(/resources/images/bubble_grey.png) no-repeat center;}
table.compare_timeline div.act		{background:url(/resources/images/bubble_act.png) no-repeat center; display:block; height:160px; width:140px;}


table.compare_timeline tr.orange td.tip, table.compare_timeline tr.orange td.tip_right	{width:16px; background:url(/resources/images/bubble_orange_tip_bg.png) no-repeat bottom;}
table.compare_timeline tr.orange td.tipright { background-image:url(/resources/images/bubble_orange_tip_right_bg.png)}

table.compare_timeline tr.green td.tip, table.compare_timeline tr.green td.tip_right	{width:16px; background:url(/resources/images/bubble_green_tip_bg.png) no-repeat bottom;}
table.compare_timeline tr.green td.tipright { background-image:url(/resources/images/bubble_green_tip_right_bg.png)}

table.compare_timeline tr.blue td.tip, table.compare_timeline tr.blue td.tip_right	{width:16px; background:url(/resources/images/bubble_blue_tip_bg.png) no-repeat bottom;}
table.compare_timeline tr.blue td.tipright { background-image:url(/resources/images/bubble_blue_tip_right_bg.png)}

table.compare_timeline ul.main_features{
	margin-top:50px;
}

.area {
  width: 140px;
  height: 140px;
  position: relative;
}

.bubble {
  position: absolute;
  left: 0px;
  top: 45px;
  width: 140px;
  height: 50px;
  display: table;
}

.bubble p {
	font-size:16px;
	color:#000;
  	display: table-cell;
  	vertical-align: middle;
  	text-align: center;
}

table.compare_timeline tr.orange{background:url(/resources/images/bubble_orange_bg.gif)}
table.compare_timeline tr.green	{background:url(/resources/images/bubble_green_bg.gif)}
table.compare_timeline tr.blue	{background:url(/resources/images/bubble_blue_bg.gif)}

table.compare_timeline h1, table.compare_timeline h1 a, table.compare_timeline h1 a:hover {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#333; 
	margin:0 0 10px 0;
	text-decoration:none;
	}
 table.compare_timeline h1 a:hover {color:#000;}	
	
table.compare_timeline h1.big, table.compare_timeline h1.big a, table.compare_timeline h1.big a:hover {
	margin:0; padding:0;
	font-size:22px; 
	letter-spacing:1px;
	color:#690;
	text-decoration:none;
	}
table.compare_timeline h1.big a:hover{color:#336600; text-decoration:none;}


/*table.compare_timeline h1.big	{font:normal normal 22px Arial, Helvetica, sans-serif; color:#ccc; margin:0; letter-spacing:1px; line-height:2}	*/
table.compare_timeline li	{list-style:none; line-height:1.5;}
table.compare_timeline ul 	{margin:0 0 0 15px; padding:0;}

table.compare_timeline div.and {
	float:left;
	width:300px;
	margin:20px 0; padding:0;}

table.compare_timeline div.and p {
	float:left;
	width:90px;
	font-size:16px;
	}
		
table.compare_timeline ul.main_features {
	float:left;
	margin:0; padding:0 0 0 16px;
	list-style: circle url(http://pixelnovel.com/resources/images/bullet_green_square.gif);}
	
table.compare_timeline ul.main_features li	{
	list-style: circle url(http://pixelnovel.com/resources/images/bullet_green_square.gif); 
	line-height:2;}
	
ul.square {
	float:left;
	margin:0; padding:0 0 0 16px;
	list-style: square;}

ul.square li{
	list-style: square; 
	line-height:1.5;}


table.compare_timeline td.quotes, table.compare_timeline td.quotes a, table.compare_timeline td.quotes a:hover {font-size:20px; font-style:italic; color:#999; display:block; text-decoration:none;}
table.compare_timeline td.quotes a:hover {color:#39F}
table.compare_timeline td.quotes div.author {font-size:15px; font-style:normal; color:#333; margin-top:15px;}

table.compare_timeline td.open {background:url(/resources/images/quotes_blue_o.png) no-repeat 10px 0;}
table.compare_timeline td.close{background:url(/resources/images/quotes_blue_c.png) no-repeat right bottom;}

table.compare_timeline td.quotes div{ margin: 10px 45px 10px 45px;}
table.compare_timeline td.close div{ margin-left: 20px;}

#btn_see, #btn_see2, #btn_see a, #btn_see2 a, #btn_see a:hover, #btn_see2 a:hover, #btn_get, #btn_get a, #btn_get a:hover{
	display:block; 
	height:58px; 
	width:172px; 
	text-decoration:none;
	font-size:18px; 
	line-height:2; 
	letter-spacing:1px; 
	color:#FFF; 
	}

#btn_see {
	background:url(/resources/images/btn_see_blue_h.png) no-repeat;}

#btn_see a {
	background:url(/resources/images/btn_see_blue.png) no-repeat;}
	
#btn_see a:hover, #btn_see2 a:hover {
	background:none;}
	
#btn_see2, #btn_see2 a, #btn_see2 a:hover{
	width:252px;  
	float:none;}
	
#btn_see2 {
	background:url(/resources/images/btn_see_green_h.png) no-repeat;}

#btn_see2 a {
	background:url(/resources/images/btn_see_green.png) no-repeat;}
	
#btn_see2 p.label, #btn_see p.label, #btn_get p.label{
	padding: 12px 0 0 20px;
	margin-bottom:-6px;
	color:#FFF;}
	
#btn_see2 p.notes, #btn_see p.notes, #btn_get p.notes{
	color:#333; 
	font-size:16px;}
	
#btn_get {
	background:url(/resources/images/btn_get_blue_h.png) no-repeat 4px 6px;}

#btn_get a {
	background:url(/resources/images/btn_get_blue.png) no-repeat 4px 6px; }

#btn_get a:hover{
	background:none;}
	
#btn_get, #btn_get a, #btn_get a:hover{
	}
	
#btn_get p.label{
	padding-left:0; margin-left:0;
}