commit 208dd6d173683f8f1519ff09ff2cd591292c6d5e
Author: Athina Bekakou <athinabek@grnet.gr>
Date:   Tue Nov 12 18:27:51 2013 +0200

    new ui: several minor updates and fixes

diff --git a/snf-cyclades-app/synnefo/ui/new_ui/ui/index.html b/snf-cyclades-app/synnefo/ui/new_ui/ui/index.html
index 280f257..0991c54 100644
--- a/snf-cyclades-app/synnefo/ui/new_ui/ui/index.html
+++ b/snf-cyclades-app/synnefo/ui/new_ui/ui/index.html
@@ -26,10 +26,8 @@
  			<h2>Kpal original designs</h2>
  			<ul>
 				<li><a href="vm_list.html">VMs list page</a></li>
-				<li><a href="vm_details.html">VM details page</a></li>
+				<li><a href="vm_list_no_vms.html">VMs list with no machine</a></li>
 				<li><a href="network_list.html">Networks list page</a></li>
-				<li><a href="network_details.html">Network details page</a>
-				<li><a href="pithos_list.html">Pithos</a></li>
 			</ul>
  			<!--
  			<h2>Kpal designs with our suggestions</h2>
diff --git a/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js
index 45b78c7..8c1be1b 100644
--- a/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js
+++ b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js
@@ -250,7 +250,9 @@ ui.expandDownArea = function(arrow_link, area) {
 
 $(document).ready(function(){
 
-    ui.inactiveActions();
+    if($('.vms.entities').length!=0){
+        ui.inactiveActions();
+    };
     ui.setSidebarHeight();
     $('#hd-search .hd-icon-search').click(function(e){
         var that = this;
@@ -469,7 +471,7 @@ $(document).ready(function(){
     })
 
     //temp function to preventDefault of links in modal
-    $('.reveal-modal a:not(".close-reveal-modal")').click(function(e){
+     $('.reveal-modal a:not(".close-reveal-modal, .generate-key-btn, .import-key-btn")').click(function(e){
         e.preventDefault();
         $('a.close-reveal-modal').trigger('click');
     });
diff --git a/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_list.html b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_list.html
index 9b4c63e..dd51a1a 100644
--- a/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_list.html
+++ b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_list.html
@@ -33,7 +33,7 @@
 		</div>
 	</header>
 	<div class="overlay-wrapper">
-		<div class="overlay-area">
+		<div class="overlay-area-custom">
 			<a href="" class="close">close</a>
 			<div id="uploader" class="overlay-div upload-widget">
 				<form action="#" class="dropzone" id="files-dropzone">
diff --git a/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss
index 4300d29..e1c5b5b 100644
--- a/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss
+++ b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss
@@ -77,6 +77,13 @@
 			&.fedora { background-image:url('../images/os-fedora.png'); }
 		}
 	}
+	// temp 
+	.btn5.temp {
+			color:blue;
+			padding: 0 4px;
+			position: absolute;
+			right: 0;
+		}
 	.off {
 		@include stateColor($vm-off-color);
 	}
@@ -91,23 +98,8 @@
 	}
 	.rebooting {
 		@include stateColor($vm-rebooting-color);
-		// temp
-		.btn5.temp {
-			color: #5c8fe1;
-			border-color: #5c8fe1;
-			padding: 0 4px;
-			position: absolute;
-			right: 0;
-		}
 	}
 	.building {
-		// temp 
-		.btn5.temp {
-			color:blue;
-			padding: 0 4px;
-			position: absolute;
-			right: 0;
-		}
 		.img-wrap {
 			.snf-PC_fill {
 				display: block;
diff --git a/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
index 17ca294..9de8406 100644
--- a/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
+++ b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
@@ -668,54 +668,90 @@ Confirm that the options you have selected are correct</p>
 		</section>
 		<section class="overlay-area-reveal">
 			<div id="sshkeys-wizard" class="reveal-modal medium secondary-wizard">
-				<div></div>
-				<h2>SSH keys</h2>
-				<a class="close-reveal-modal close" title="close"><span class="snf-close"></span></a>
-				<p>You can use SSH keys to establish a secure connection between your computer and your virtual machines.<br>
-				Note: SSH keys are supported only for Linux machines.</p>
-				<p>Click "generate new" to create a new SSH key pair.</p>
-				<p>Click "import/add" to import your public key from your home machine or to copy/paste its contents to ~okeanos.</p>
-				<p class="buttons"><a href="" class="btn4 generate-key-btn">generate</a><a href="" class="btn4 import-key-btn">add/import</a></p>
-				<div class="generate-key-area">
-					<p>clock tba</p>
-					<p>
-						Your new public key has been added.<br>
-						To download your *private key* click here.
-					</p>
-					<p>
-						Note: We do not keep it! I f you don't download now you cannot access it in the future.
-					</p>
-				</div>
-				<div class="import-key-area">
-					<div class="key-name">
-						<label>Key name</label>
-						<input>
-						<div class="error-msg"></div>
-					</div>
-					<div class="key-content">
-						<label>Key content</label>
-						<div class="error-msg"></div>
-						<input>
-					</div>
-					<div class="upload-key">
-						<label>Import from file (header maybe?)</label>
-							<p class="buttons">
-								<a href="" class="browse-files dz-clickable">browse files</a>
-							</p>
-						<form action="#" class="dropzone" id="files-dropzone">
-							<p>sto plai?</p>
-							<ul class="files dropzone-files"></ul>
-							<div class="dz-default dz-message"><span></span></div>
-						</form>
-						<p class="buttons"><a href="" class="btn4">Cancel</a><a href="" class="btn4">Submit</a></p>
-					</div>
-				</div>
-				<h3>Your SSH public keys</h3>
-				<ul>
-					<li><div>key name</div><div><a href="">show key</a><a href="">edit</a><a href="">remove</a></div></li>
-				</ul>
-				<p class="buttons"><a href="" class="btn4">OK</a></p>
-			</div>
+                <h2>SSH keys</h2>
+                <a class="close-reveal-modal close" title="close">X</a>
+                <p>You can use SSH keys to establish a secure connection between your computer and your virtual machines.<br>
+                Note: SSH keys are supported only for Linux machines.</p>
+                <p>Click "generate new" to create a new SSH key pair.</p>
+                <p>Click "import/add" to import your public key from your home machine or to copy/paste its contents to ~okeanos.</p>
+                <p class="buttons"><a href="" class="btn4 generate-key-btn">generate</a><a href="" class="btn4 import-key-btn">add/import</a></p>
+                <div class="generate-key-area">
+                    <p>clock tba</p>
+                    <p>
+                        Your new public key has been added.<br>
+                        To download your *private key* click here.
+                    </p>
+                    <p>
+                        Note: We do not keep it! I f you don't download now you cannot access it in the future.
+                    </p>
+                </div>
+                <div class="import-key-area">
+                    <div class="key-name">
+                    <h4>Key name</h4>
+                        <span class="input"><input class="tag_name" type="text" placeholder="my key"></span>
+                        <div class="error-msg"></div>
+                    </div>
+                    <div class="key-content">
+                        <h4>Key content</h4>
+                        <div class="error-msg"></div>
+                        <textarea></textarea>
+                    </div>
+                    <div class="upload-key">
+                        <label>Import from file (header maybe?)</label>
+                            <p class="buttons">
+                                <a href="" class="browse-files dz-clickable">browse files</a>
+                            </p>
+                        <form action="#" class="dropzone" id="files-dropzone">
+                            <p>sto plai?</p>
+                            <ul class="files dropzone-files"></ul>
+                            <div class="dz-default dz-message"><span></span></div>
+                        </form>
+                        <p class="buttons"><a href="" class="btn4">Cancel</a><a href="" class="btn4">Submit</a></p>
+                    </div>
+                </div>
+                <h3>Your SSH public keys</h3>
+                <ul>
+                    <li>
+                        <div class="name-col">key name 1</div>
+                        <div class="actions-col">
+                            <a href="" class="show-key">key</a>
+                            <a href="" class="show-fingerprint">fingerprint</a>
+                            <a href="" class="edit">edit</a>
+                            <a href="">remove</a>
+                        </div>
+                        <div class="import-key-area">
+                            <div class="key-name">
+                                <label>key name 1</label>
+                                <span class="input"><input class="tag_name" type="text" placeholder="My Tag"></span>
+                            </div>
+                            <div class="error-msg"></div>
+                            <div class="key-content">
+                            <textarea></textarea>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="name-col">key name 2</div>
+                        <div class="actions-col">
+                            <a href="" class="show-key">key</a>
+                            <a href="" class="show-fingerprint">fingerprint</a>
+                            <a href="" class="edit">edit</a>
+                            <a href="">remove</a>
+                        </div>
+                        <div class="import-key-area">
+                            <div class="key-name">
+                                <label>key name 2</label>
+                                <span class="input"><input class="tag_name" type="text" placeholder="My Tag"></span>
+                            </div>
+                            <div class="error-msg"></div>
+                            <div class="key-content">
+                                <label>Key name</label>
+                                <textarea></textarea>
+                            </div>
+                    </li>
+                </ul>
+                <p class="buttons"><a href="" class="btn4">OK</a></p>
+            </div>
+
 			<div id="vm-connect" class="reveal-modal medium">
 				<p>A direct connection to this machine can be established using the<a href="http://en.wikipedia.org/wiki/Secure_Shell" title=""> SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>
 				<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>
@@ -751,12 +787,12 @@ Confirm that the options you have selected are correct</p>
 				<a href="" class="grid" title="grid view"><span class="snf-gridview current"></span></a>
 			</div>
 			<div class="filter-menu">
-				<a class="filter" href="">Filter</a>
+				<div><a class="filter" href="">Filter</a></div>
 				<ul class="options">
-					<li><a href=""> set an option</a></li>
-					<li><a href=""> set an option</a></li>
-					<li><a href=""> set an option</a></li>
-					<li><a href=""> set an option</a></li>
+					<li><a href="">option 1</a></li>
+					<li><a href="">option 2</a></li>
+					<li><a href="">option 3</a></li>
+					<li><a href="">option 4</a></li>
 				</ul>
 			</div>
 			<div id="hd-search" class="hd-search">
@@ -911,6 +947,7 @@ Confirm that the options you have selected are correct</p>
 						</div>
 					</li>
 					<li data-status="rebooting" class="rebooting">
+						<a href="" class="btn5 temp">animation</a>
 						<div class="more">
 							<div class="clearfix">
 								<div class="col lt">
diff --git a/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_no_vms.html b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_no_vms.html
index e14ba12..a251202 100644
--- a/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_no_vms.html
+++ b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_no_vms.html
@@ -26,6 +26,9 @@
 				<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li>
 				<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
 				<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
+				<li><a href="" data-tooltip class="has-tip" title="Images" ><span class="snf-images"></span></a></li>
+				<li><a href="" data-tooltip class="has-tip" title="Snapshots" ><span class="snf-snapshot"></span></a></li>
+				<li><a href="" data-tooltip class="has-tip" title="More" ><span class="snf-plus"></span></a></li>
 			</ul>
 		</nav>
 		<div class="login">
@@ -42,66 +45,7 @@
 		</div>
 	</header>
 	<div class="overlay-wrapper">
-		<div class="overlay-area">
-			<div id="overlay1" class="overlay-div">
-				<a href="" class="close"><span class="snf-close"></span></a>
-				<p>Are you sure you want to reboot your machine?</p>
-				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
-			</div>
-			<div id="overlay2" class="overlay-div">
-				<a href="" class="close"><span class="snf-close"></span></a>
-				<p>Are you sure you want to shutdown your machine?</p>
-				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
-			</div>
-			<div id="overlay3" class="reveal-modal medium secondary-wizard">
-				<div></div>
-				<h2>SSH keys</h2>
-				<a class="close-reveal-modal close" title="close"><span class="snf-close"></span></a>
-				<p>You can use SSH keys to establish a secure connection between your computer and your virtual machines.<br>
-				Note: SSH keys are supported only for Linux machines.</p>
-				<p>Click "generate new" to create a new SSH key pair.</p>
-				<p>Click "import/add" to import your public key from your home machine or to copy/paste its contents to ~okeanos.</p>
-				<p class="buttons"><a href="" class="btn4 generate-key-btn">generate</a><a href="" class="btn4 import-key-btn">add/import</a></p>
-				<div class="generate-key-area">
-					<p>clock tba</p>
-					<p>
-						Your new public key has been added.<br>
-						To download your *private key* click here.
-					</p>
-					<p>
-						Note: We do not keep it! I f you don't download now you cannot access it in the future.
-					</p>
-				</div>
-				<div class="import-key-area">
-					<div class="key-name">
-						<label>Key name</label>
-						<input>
-						<div class="error-msg"></div>
-					</div>
-					<div class="key-content">
-						<label>Key content</label>
-						<div class="error-msg"></div>
-						<input>
-					</div>
-					<div class="upload-key">
-						<label>Import from file (header maybe?)</label>
-							<p class="buttons">
-								<a href="" class="browse-files dz-clickable">browse files</a>
-							</p>
-						<form action="#" class="dropzone" id="files-dropzone">
-							<p>sto plai?</p>
-							<ul class="files dropzone-files"></ul>
-							<div class="dz-default dz-message"><span></span></div>
-						</form>
-						<p class="buttons"><a href="" class="btn4">Cancel</a><a href="" class="btn4">Submit</a></p>
-					</div>
-				</div>
-				<h3>Your SSH public keys</h3>
-				<ul>
-					<li><div>key name</div><div><a href="">show key</a><a href="">edit</a><a href="">remove</a></div></li>
-				</ul>
-				<p class="buttons"><a href="" class="btn4">OK</a></p>
-			</div>
+		<section class="overlay-area-custom">
 			<div id="vm-wizard" class="overlay-div wizard">
 				<div class="top">
 					<div class="numbers">
@@ -182,7 +126,7 @@ Confirm that the options you have selected are correct</p>
 									<li class="public-images">
 										<div class="row">
 											<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div>
-											<a href="" class="name-col">Kubuntu LTS</a>
+											<a href="" class="name-col">Kubuntu LTS (by Kpal)</a>
 											<div class="size-col">10GB</div>
 											<div class="btn-col"><a href="">details</a></div>
 										</div>
@@ -209,7 +153,7 @@ Confirm that the options you have selected are correct</p>
 									<li class="public-images">
 										<div class="row">
 											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
-											<a href="" class="name-col">Fedora</a>
+											<a href="" class="name-col">Fedora (by Athina)</a>
 											<div class="size-col">10GB</div>
 											<div class="btn-col"><a href="">details</a></div>
 										</div>
@@ -236,7 +180,7 @@ Confirm that the options you have selected are correct</p>
 									<li class="shared-images">
 										<div class="row">
 											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
-											<a href="" class="name-col">Fedora</a>
+											<a href="" class="name-col">Fedora (by Athina)</a>
 											<div class="size-col">3.67 GB</div>
 											<div class="btn-col"><a href="">details</a></div>
 										</div>
@@ -474,7 +418,7 @@ Confirm that the options you have selected are correct</p>
 							<div class="step step-3" id="step-3" data-step=3>
 								<div class="advanced-conf-step">
 									<div class="adv-main row">
-										<div class="vm-name">
+										<div class="name">
 											<h2>Machine name</h2>
 											<span class="input">
 												<input type="text" placeholder="My Ubuntu Server" class="el7">
@@ -513,7 +457,7 @@ Confirm that the options you have selected are correct</p>
 													</li>
 												</ul>
 												<div>
-													<a href="" class="btn5" data-reveal-id="overlay3" title="set data-reveal-id: overlay3">manage ssh keys</a>
+													<a href="" class="btn5" data-reveal-id="sshkeys-wizard" title="set data-reveal-id: sshkeys-wizard">manage ssh keys</a>
 												</div>
 											</div>
 										</div>
@@ -721,13 +665,126 @@ Confirm that the options you have selected are correct</p>
 					</div>
 				</div>
 			</div>
-		</div>
-		
+		</section>
+		<section class="overlay-area-reveal">
+			<div id="sshkeys-wizard" class="reveal-modal medium secondary-wizard">
+                <h2>SSH keys</h2>
+                <a class="close-reveal-modal close" title="close">X</a>
+                <p>You can use SSH keys to establish a secure connection between your computer and your virtual machines.<br>
+                Note: SSH keys are supported only for Linux machines.</p>
+                <p>Click "generate new" to create a new SSH key pair.</p>
+                <p>Click "import/add" to import your public key from your home machine or to copy/paste its contents to ~okeanos.</p>
+                <p class="buttons"><a href="" class="btn4 generate-key-btn">generate</a><a href="" class="btn4 import-key-btn">add/import</a></p>
+                <div class="generate-key-area">
+                    <p>clock tba</p>
+                    <p>
+                        Your new public key has been added.<br>
+                        To download your *private key* click here.
+                    </p>
+                    <p>
+                        Note: We do not keep it! I f you don't download now you cannot access it in the future.
+                    </p>
+                </div>
+                <div class="import-key-area">
+                    <div class="key-name">
+                    <h4>Key name</h4>
+                        <span class="input"><input class="tag_name" type="text" placeholder="my key"></span>
+                        <div class="error-msg"></div>
+                    </div>
+                    <div class="key-content">
+                        <h4>Key content</h4>
+                        <div class="error-msg"></div>
+                        <textarea></textarea>
+                    </div>
+                    <div class="upload-key">
+                        <label>Import from file (header maybe?)</label>
+                            <p class="buttons">
+                                <a href="" class="browse-files dz-clickable">browse files</a>
+                            </p>
+                        <form action="#" class="dropzone" id="files-dropzone">
+                            <p>sto plai?</p>
+                            <ul class="files dropzone-files"></ul>
+                            <div class="dz-default dz-message"><span></span></div>
+                        </form>
+                        <p class="buttons"><a href="" class="btn4">Cancel</a><a href="" class="btn4">Submit</a></p>
+                    </div>
+                </div>
+                <h3>Your SSH public keys</h3>
+                <ul>
+                    <li>
+                        <div class="name-col">key name 1</div>
+                        <div class="actions-col">
+                            <a href="" class="show-key">key</a>
+                            <a href="" class="show-fingerprint">fingerprint</a>
+                            <a href="" class="edit">edit</a>
+                            <a href="">remove</a>
+                        </div>
+                        <div class="import-key-area">
+                            <div class="key-name">
+                                <label>key name 1</label>
+                                <span class="input"><input class="tag_name" type="text" placeholder="My Tag"></span>
+                            </div>
+                            <div class="error-msg"></div>
+                            <div class="key-content">
+                            <textarea></textarea>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="name-col">key name 2</div>
+                        <div class="actions-col">
+                            <a href="" class="show-key">key</a>
+                            <a href="" class="show-fingerprint">fingerprint</a>
+                            <a href="" class="edit">edit</a>
+                            <a href="">remove</a>
+                        </div>
+                        <div class="import-key-area">
+                            <div class="key-name">
+                                <label>key name 2</label>
+                                <span class="input"><input class="tag_name" type="text" placeholder="My Tag"></span>
+                            </div>
+                            <div class="error-msg"></div>
+                            <div class="key-content">
+                                <label>Key name</label>
+                                <textarea></textarea>
+                            </div>
+                    </li>
+                </ul>
+                <p class="buttons"><a href="" class="btn4">OK</a></p>
+            </div>
+
+			<div id="vm-connect" class="reveal-modal medium">
+				<p>A direct connection to this machine can be established using the<a href="http://en.wikipedia.org/wiki/Secure_Shell" title=""> SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>
+				<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>
+				<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p>
+				<p>Alternatively you can connect to your VM via <a href="#" title="">Console</a> (slow connection - meant only for troubleshooting.</p>
+				<a class="close-reveal-modal" title="close window">X</a>
+			</div>
+			<div id="start-confirm" class="reveal-modal medium">
+				<p class="message-forimg">Are you sure you want to turn on your machine?</p>
+				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
+				<a class="close-reveal-modal" title="close window">X</a>
+			</div>
+			<div id="reboot-confirm" class="reveal-modal medium">
+				<p class="message-forimg">Are you sure you want to reboot your machine?</p>
+				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
+				<a class="close-reveal-modal" title="close window">X</a>
+			</div>
+			<div id="shutdown-confirm" class="reveal-modal medium">
+				<p class="message-forimg">Are you sure you want to shutdown your machine?</p>
+				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
+				<a class="close-reveal-modal" title="close window">X</a>
+			</div>
+			<div id="destroy-vm-confirm" class="reveal-modal medium">
+				<p class="message-forimg">Are you sure you want to destroy your machine?</p>
+				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
+				<a class="close-reveal-modal" title="close window">X</a>
+			</div>
+		</section>
 		<section class="actions-bar clearfix">
-			<h2>Virtual Machine Overview</h2>
+			<h2>Virtual Machines</h2>
 			<div class="view-type">
-				<a href="" class="list"><span class="snf-list"></span></a>
-				<a href="" class="grid"><span class="snf-layout current"></span></a>
+				<a href="" class="list" title="list view"><span class="snf-listview "></span></a>
+				<a href="" class="grid" title="grid view"><span class="snf-gridview current"></span></a>
 			</div>
 			<div class="filter-menu">
 				<a class="filter" href="">Filter</a>
@@ -746,10 +803,13 @@ Confirm that the options you have selected are correct</p>
 			</div>
 		</section>
 		<section class="main row">
-			<div class="vms entities">
+			<div class="vms entities grid-view">
 				<ul class="items-list">
-					<li data-status="add-new">
-						<div class="container" data-overlay-id="#vm-wizard">
+					<li data-status="add-new" class="add-new">
+						<div class="container" data-overlay-id="vm-wizard">
+							<div class="check">
+								<span class="snf-checkbox-unchecked"></span>
+							</div>
 							<div class="img-wrap">
 								<span class="snf-PC_fill"></span>
 								<span class="os symbol">+</span>
@@ -758,18 +818,20 @@ Confirm that the options you have selected are correct</p>
 						</div>
 					</li>
 				</ul>
+				<div class="lt-bar">
+					<ul class="lt-actions">
+						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>select all</li>
+						<li class="running"><a href="#" title="" data-reveal-id="reboot-confirm">Reboot</a></li>
+						<li class="running"><a href="#" title="" data-reveal-id="shutdown-confirm">Shutdown</a></li>
+						<li class="both"><a href="#" data-reveal-id="destroy-vm-confirm">Destroy</a></li>
+						<li class="off"><a href="#">Start</a></li>
+						 <!-- in case we want an action always activated
+						<li class="pernament"><a href="" class="active">Action</a></li> -->
+					</ul>
+				</div>
 				<div class="welcome">It seems you have not yet created a VM! Go ahead!</div>
 			</div>
 		</section>
-		</div>
-	
-	<div id="vm-connect" class="reveal-modal medium">
-		<p>A direct connection to this machine can be established using the<a href="http://en.wikipedia.org/wiki/Secure_Shell" title=""> SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>
-		<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>
-		
-		<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p>
-		<p>Alternatively you can connect to your VM via <a href="#" title="">Console</a> (slow connection - meant only for troubleshooting.</p>
-  		<a class="close-reveal-modal" title="close window">&#215;</a>
 	</div>
 
 	<script src="javascripts/vendor/jquery.js"></script>
