Makes the number of participants blue.

css/main.css

@@ -70,7 +70,7 @@ html, body{
     cursor: pointer;
 }
 
-#chatButton, #chatBottomButton, #contactListButton {
+#chatButton, #chatBottomButton, #contactListButton, #numberOfParticipants {
     -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
             transition: all .5s ease-in-out;
@@ -101,9 +101,14 @@ html, body{
     line-height: 13px;
     font-weight: bold;
     border-radius: 2px;
+    font-size: 11px;
     text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 }
 
+#contactListButton.active #numberOfParticipants {
+    color: #00ccff;
+}
+
 #recordButton {
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;

index.html

@@ -63,7 +63,7 @@
     <script src="api_connector.js?v=2"></script>
     <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
     <link rel="stylesheet" href="css/font.css?v=5"/>
-    <link rel="stylesheet" type="text/css" media="screen" href="css/main.css?v=28"/>
+    <link rel="stylesheet" type="text/css" media="screen" href="css/main.css?v=29"/>
     <link rel="stylesheet" type="text/css" media="screen" href="css/videolayout_default.css?v=13" id="videolayout_default"/>
     <link rel="stylesheet" href="css/jquery-impromptu.css?v=4">
     <link rel="stylesheet" href="css/modaldialog.css?v=3">
@@ -282,8 +282,9 @@
                 <div class="bottom_button_separator"></div>
                 <span class="bottomToolbar_span">
                     <a class="bottomToolbarButton" data-container="body" data-toggle="popover" data-placement="top" id="contactlistpopover" content="Open / close contact list" onclick='BottomToolbar.toggleContactList();'>
-                        <i id="contactListButton" class="icon-contactList"></i>
-                        <span id="numberOfParticipants"></span>
+                        <i id="contactListButton" class="icon-contactList">
+                            <span id="numberOfParticipants"></span>
+                        </i>
                     </a>
                 </span>
                 <div class="bottom_button_separator"></div>