Detached the modal window. It should appear centered to the viewport

flightdeck/jetpack/media/css/UI.File_Listing.css

@@ -33,7 +33,8 @@ authors:
          background: #EFEFEF;
       }
       
-         .UI_File_Listing li:hover a {
+         .UI_File_Listing li:hover a,
+         .UI_File_Listing li a:active {
             text-decoration: none;
          }
          

flightdeck/jetpack/media/css/UI.Layout.css

@@ -23,8 +23,7 @@ a:link {
    outline: none;
 }
 
-a:hover,
-a:focus {
+a:hover {
    text-decoration: underline;
 }
 

flightdeck/jetpack/media/css/UI.Modal.css

@@ -17,30 +17,38 @@ authors:
 .UI_Modal_Wrapper {
    position: absolute;
    width: 400px;
-   
    left: 50%;
    margin-left: -200px;
-   padding: 0 15px 15px 15px;
-   z-index: 100;
+   top: 55px;
 }
-
 /* END TEMP*/
 
 .UI_Modal_Wrapper {
-   overflow: hidden;
    padding-bottom: 15px;
    z-index: 100;
 }
 
 .UI_Modal {
-   border: solid 1px #AFB6BD;
    border-top: none;
    background: #fff;
    
-   -moz-border-radius-bottomleft: 7px;
-   -moz-border-radius-bottomright: 7px;
-   -moz-box-shadow: 0 1px 15px #888;
+   -moz-border-radius: 7px;
+   -moz-border-radius: 7px;
+   -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.6);
 }
+
+      .UI_Modal h3 {
+         background: -moz-linear-gradient(270deg, #59A1F2, #1C5AAB);
+         border-top: solid 1px #9CC7F8;
+         border-bottom: solid 1px #022052;
+         color: #fff;
+         text-shadow: 0 1px 0 #011E4F;
+         padding: 12px;
+         font-size: 1.1em;
+         text-align: center;
+         -moz-border-radius-topleft: 5px;
+         -moz-border-radius-topright: 5px;
+      }
                               
       .UI_Modal .UI_Modal_Actions {
          border-top: solid 1px #fff;

flightdeck/jetpack/media/js/Create.js

@@ -22,6 +22,7 @@ var create = {
 			}.bind(modal));
 		}.bind(this));
 	},
+	
 	submit: function(e) { 
 		e.stop();
 		var prefix = $$('input[name=choice]:checked')[0].get('value');

flightdeck/jetpack/templates/_create.html

@@ -1,4 +1,5 @@
 <form class="UI_Forms" id="create_form" method="post" accept-charset="utf-8">
+	<h3>Create new Jetpack/Module</h3>
 	<fieldset>
 		<legend>Create new Jetpack/Module</legend>
 

flightdeck/jetpack/templates/editor.html

@@ -26,5 +26,5 @@
 	{% block app_head %}{% endblock %}
 {% endblock %}
 
-{% block page_domready %}create.init('create','editor-wrapper');{% endblock %}
+{% block page_domready %}create.init('create','app-body');{% endblock %}
 

flightdeck/media/js/FlightDeck.Modal.js

@@ -23,9 +23,9 @@ FlightDeck = Class.refactor(FlightDeck,{
 		var data = $H(this.options.modalWrap).getClean();
 		data['content'] = content;
 		var modal_el = Elements.from('{start}{content}{end}'.substitute(data));
-		var key = new Date().getTime()
+		var key = new Date().getTime();
 		modal_el.store('modalKey', key);
-		this.modals[key] = modal_el
+		this.modals[key] = modal_el;
 		return modal_el;
 	},
 	/*
@@ -42,6 +42,4 @@ FlightDeck = Class.refactor(FlightDeck,{
 	destroyModal: function(key) {
 		this.modals[key].destroy();
 	}
-	
-
 });