timeline and font update

app/assets/stylesheets/desktopmain.css

@@ -251,6 +251,15 @@ a:focus { outline: none; }
 .sdm_o a { display: block; }
 .sdm_o .admtxt { display: block; line-height: 36px; }
 
+/* with indicator */
+.sdm_mdr .sdm_t {
+	padding-right: 12px;
+}
+.sdm_mdr .mdr {
+	position: absolute;
+	right: 0;
+}
+
 /* simple menu */
 .s_menu { font-size: 15px; line-height: 36px; }
 .s_menu li { border-top: solid 1px #ddd; }
@@ -268,6 +277,8 @@ a:focus { outline: none; }
 .st_c { display: none; }
 .st_c:first-child { display: block; }
 
+/* header drop menu */
+.sdm_mdr .sdm_o { top: 36px; }
 
 /* tool bar */
 .toolbar {
@@ -668,15 +679,15 @@ a:focus { outline: none; }
 }
 .list_item_action a { 
 	display: block;
-	width: 15px; 
-	height: 15px;
-	line-height: 15px;
+	width: 20px; 
+	height: 20px;
+	line-height: 20px;
 	margin: 1px 1px 6px 1px;
 }
-.list_item_action .icon-ok { visibility: hidden; }
-.list_item_action .item_check_status { outline: solid 1px #999; }
 .list_item_action .icon-star-empty { color: #999; font-size: 20px; }
 .list_item_action .icon-star { color: #faa732; font-size: 20px; }
+.list_item_action .icon-check-empty { color: #999; font-size: 20px; }
+.list_item_action .icon-check { color: #333; font-size: 20px; }
 .item_check_status:hover .icon-ok, .item_check_status.checked .icon-ok { visibility: visible; }
 
 /* Journal Paper Add */
@@ -715,15 +726,17 @@ a:focus { outline: none; }
 	font-size: 20px;
 	cursor: pointer;
 }
+
+/* Timeline */
+#orbit .holder .admbg {
+	background-color: #efefef;
+}
+
 /*Tooltip popup */
 .desktop_toolpopup {
 	position: absolute;
 	z-index: 10px;
 	display: none;
-	border-width: 3px;
-	border-radius: 5px;
-	border-color: black;
-	font-size: 15px;
 	padding: 10px;
 	cursor: default;
 	background-color: #ccc;
@@ -732,11 +745,7 @@ a:focus { outline: none; }
 	margin: 3px 0 3px 0;
 }
 .desktop_toolpopup h3 {
-	text-align: center;
-	font-weight: bolder;
-	margin-bottom: 5px;
 }
 .desktop_toolpopup h2 {
-	font-weight: bolder;
-	margin-top: 3px;
+
 }

app/assets/stylesheets/orbitTimeline.css

@@ -1,7 +1,8 @@
 .t_scale{
-	min-width:2000px;
-	height:516px;
-	bottom:0;
+	height: 516px;
+}
+#scale_wrapper {
+	overflow: hidden;
 }
 #timline_marker{
 	width:100px;
@@ -12,58 +13,35 @@
 	border-width:5px;
 	border-radius:5px;
 }
-.t_scale{
-	 border-style:solid;
-	 border-width:2px;
-	 border-radius:5px;
-}
 #t_container{
 	height:366px;
 }
-.scale_region{
-	height:516px;
-	border-style:solid;
-	border-width:0 2px 0 2px;
-	float: left;
-	margin-right:1px;
-	font-size:20px;
-	padding:5px;
+.scale_region {
 }
-.scale_region span{
-	display: block;
+.group {
+	margin-right: 48px;
 }
 .month{
 	
 }
 .year{
-	background-color: #c0bebe;
-	width:30px;
 }
 .bubble{
 	cursor: pointer;
 	width:300px;
-	height:30px;
-	border-style:solid;
-	border-width:5px;
 	float: left;
-	border-radius:5px;
-	margin-top: 10px;
-	margin-bottom:10px;
 	font-size:15px;
-	padding:5px;
-	text-align:justify;
 	display: none;
 }
 .month_heading{
-	text-align: center;
-	margin-bottom: 10px;
+	color: #333;
+	font-family: 'Open sans', sans-serif;
+	font-size: 21px;
+	background-color: #efefef;
 }
 
 .bubble_list ul{
-	width:350px;
 	float:left;
-}
-.bubble_list ul li span.date{
-	font-weight:bolder;
-	float:right; 
+	width: 300px;
+	height: 440px;
 }

app/assets/stylesheets/style.css.erb

@@ -1,4 +1,4 @@
-@import url(http://fonts.googleapis.com/css?family=Cuprum);
+@import url(http://fonts.googleapis.com/css?family=Cuprum|Open+Sans:400,300);
 @font-face{ 
 	font-family: 'WebSymbolsRegular';
 	src: url(<%= asset_path 'websymbols-regular-webfont.eot' %>);