From 9ab423a280827ccd705ed37ff2722ceee2b74218 Mon Sep 17 00:00:00 2001
From: perploug <pph@umbraco.dk>
Date: Mon, 4 Nov 2013 21:17:18 +0100
Subject: [PATCH] New installer colors

---
 src/Umbraco.Web.UI/install/default.aspx       |    4 +-
 .../steps/Skinning/loadStarterKits.ascx       |    9 +-
 .../umbraco_client/Installer/css/all.css      | 2547 +++++++++--------
 .../umbraco_client/Installer/css/form.css     |  152 +-
 .../Installer/css/jquery-ui-1.8.6.custom.css  |  608 ++--
 .../umbraco_client/Installer/css/lt7.css      |  346 +--
 .../umbraco_client/Installer/css/reset.css    |  104 +-
 .../umbraco_client/Installer/images/close.png |  Bin 0 -> 1284 bytes
 .../Installer/images/zoom-in.png              |  Bin 0 -> 1207 bytes
 9 files changed, 1940 insertions(+), 1830 deletions(-)
 create mode 100644 src/Umbraco.Web.UI/umbraco_client/Installer/images/close.png
 create mode 100644 src/Umbraco.Web.UI/umbraco_client/Installer/images/zoom-in.png

diff --git a/src/Umbraco.Web.UI/install/default.aspx b/src/Umbraco.Web.UI/install/default.aspx
index f44b0430c1..20deecb43f 100644
--- a/src/Umbraco.Web.UI/install/default.aspx
+++ b/src/Umbraco.Web.UI/install/default.aspx
@@ -95,7 +95,7 @@
 
 
 
-        <!-- bg page -->
+        <!-- bg page 
         <div class="bg-main">
             <div class="color2">
 
@@ -123,7 +123,7 @@
             </div>
 
         </div>
-
+-->
 
         <!-- lightbox -->
         <div class="lightbox" id="lightbox">
diff --git a/src/Umbraco.Web.UI/install/steps/Skinning/loadStarterKits.ascx b/src/Umbraco.Web.UI/install/steps/Skinning/loadStarterKits.ascx
index 90278b0992..303b39c4c6 100644
--- a/src/Umbraco.Web.UI/install/steps/Skinning/loadStarterKits.ascx
+++ b/src/Umbraco.Web.UI/install/steps/Skinning/loadStarterKits.ascx
@@ -32,17 +32,22 @@
         <ItemTemplate>
              <li class="add-<%# ((Package)Container.DataItem).Text.Replace(" ","").ToLower() %>">
                     <div class="image">
-                        <a href="#" class="single-tab selectStarterKit" title="<%# ((Package)Container.DataItem).Text %>" data-repoId="<%# ((Package)Container.DataItem).RepoGuid %>">
+						
+                        <a href="#" class="single-tab selectStarterKit" title="Install <%# ((Package)Container.DataItem).Text %>" data-repoId="<%# ((Package)Container.DataItem).RepoGuid %>">
+							<div class="overlay">Install <%# ((Package)Container.DataItem).Text %></div>
                             <img src="http://our.umbraco.org<%# ((Package)Container.DataItem).Thumbnail %>" alt="<%# ((Package)Container.DataItem).Text %>">
                         </a>
+						<a class="zoom-in" title="Enlarge <%# ((Package)Container.DataItem).Text %>" href="#<%# ((Package)Container.DataItem).Text %>">Open</a>
                     </div>
             </li>
+			<div id="<%# ((Package)Container.DataItem).Text %>" class="lb"><a href="#top"><img src="http://our.umbraco.org<%# ((Package)Container.DataItem).Thumbnail %>" alt="oh man" /></a></div>
+
         </ItemTemplate>
         <FooterTemplate>
                 </ul>
                 
                  <asp:LinkButton runat="server" ID="declineStarterKits" CssClass="declineKit" OnClientClick="return confirm('Are you sure you do not want to install a starter kit?');" OnClick="NextStep">
-                    No thanks, do not install a starterkit
+                    No thanks, do not install a starterkit!
                 </asp:LinkButton>
         </FooterTemplate>
     </asp:Repeater>
diff --git a/src/Umbraco.Web.UI/umbraco_client/Installer/css/all.css b/src/Umbraco.Web.UI/umbraco_client/Installer/css/all.css
index 2ebe1dd044..6fdebdea79 100644
--- a/src/Umbraco.Web.UI/umbraco_client/Installer/css/all.css
+++ b/src/Umbraco.Web.UI/umbraco_client/Installer/css/all.css
@@ -1,1222 +1,1327 @@
-body{
-	margin:0;
-	color:#ffffff;
-	font:13px/16px Tahoma, Geneva, sans-serif;
-	background:#3b0d03;
-	min-width:1000px;
-	position:relative;
-}
-img{border:0;}
-a{
-	color:#333;
-	text-decoration:none;
-}
-a:hover{text-decoration:underline;}
-input,
-textarea,
-select{
-	font:100% arial,sans-serif;
-	vertical-align:middle;
-}
-form,fieldset{
-	margin:0;
-	padding:0;
-	border-style:none;
-}
-header,
-footer,
-article,
-section,
-hgroup,
-nav,
-figure{display: block;}
-/* all page */
-#wrapper{
-	width:100%;
-	overflow:hidden;
-	position:relative;
-	z-index:10;
-}
-/* bg page */
-#wrapper .bg-l{
-	position:absolute;
-	top:0;
-	left:0;
-	width:1%;
-	height:1050px;
-}
-.bg-main {
-	position:absolute;
-	top: 0;
-	left: 0;
-	width:100%;
-	height:100%;
-	z-index:1;
-}
-.bg-main .color1,
-.bg-main .color2,
-.bg-main .color3,
-.bg-main .color4,
-.bg-main .color5 {
-	position:absolute;
-	top: 0;
-	left: 0;
-	width:100%;
-	height:1050px;
-}
-.bg-main .color1 .bg-c,
-.bg-main .color2 .bg-c,
-.bg-main .color3 .bg-c,
-.bg-main .color4 .bg-c,
-.bg-main .color5 .bg-c {
-	position:absolute;
-	top: 0;
-	left: 0;
-	width:100%;
-	height:1050px;
-}
-
-/* Color 1 */
-.bg-main .color1 { background:url(../images/bg-normal-repeat.jpg) repeat-x;}
-
-.bg-main .color1 .bg-c { background:url(../images/bg-normal.jpg) no-repeat 50% 0;}
-/* Color 2 */
-.bg-main .color2 { background:#2e1427 url(../images/bg-simple-repeat.jpg) repeat-x;}
-
-.bg-main .color2 .bg-c { background:url(../images/bg-simple.jpg) no-repeat 50% 0;}
-/* Color 3 */
-.bg-main .color3 { background:#01242d url(../images/bg-blog-repeat.jpg) repeat-x;}
-
-.bg-main .color3 .bg-c { background:url(../images/bg-blog.jpg) no-repeat 50% 0;}
-/* Color 4 */
-.bg-main .color4 { background:#201c01 url(../images/bg-normal-repeat.jpg) repeat-x;}
-
-.bg-main .color4 .bg-c { background:url(../images/bg-bhuiness.jpg) no-repeat 50% 0;}
-/* Color 5 */
-.bg-main .color5 { background:#3b0d03 url(../images/bg-personal-repeat.jpg) repeat-x;}
-
-.bg-main .color5 .bg-c { background:url(../images/bg-personal.jpg) no-repeat 50% 0;}
-.wholder:after {
-	clear: both;
-	content:"";
-	display: block;
-}
-.wholder{
-	width:100%;
-	min-height:1000px;
-	position:relative;
-	padding:0 0 50px;
-}
-* html .wholder{height:1200px;}
-/* header */
-#header{
-	width:100%;
-	overflow:hidden;
-	height:98px;
-	background:url(../images/bg-header.png) repeat-x;
-}
-#header .holder{
-	width:960px;
-	overflow:hidden;
-	margin:0 auto;
-}
-.logo{
-	display:block;
-	width:177px;
-	margin:0 auto;
-	font-size:0;
-	line-height:0;
-	padding:14px 0 0;
-}
-.logo a{
-	display:block;
-	width:177px;
-	height:53px;
-	overflow:hidden;
-	text-indent:-99999px;
-	background:url(../images/logo.gif) no-repeat;
-}
-/* all content */
-#main:after {
-	clear: both;
-	content:"";
-	display: block;
-}
-#main{
-	width:960px;
-	margin:0 auto;
-}
-/* tabset */
-.tabset{
-	width:100%;
-	overflow:hidden;
-	padding:2px 0 0;
-}
-.tabset .b{
-	width:100%;
-	overflow:hidden;
-	height:1px;
-	font-size:0;
-	line-height:0;
-	background:url(../images/sep1.png) repeat-x;
-}
-.tabset ul{
-	width:1003px;
-	overflow:hidden;
-	margin:0 -43px 0 0;
-	padding:0 0 2px;
-	list-style:none;
-}
-.tabset ul li{
-	float:left;
-	padding:0 43px 17px 0;
-	font:bold 21px/23px Arial,Helvetica,sans-serif;
-	letter-spacing:-1px;
-	color:#f27021;
-	position:relative;
-    text-shadow: 0 0 3px #000000;
-}
-.tabset ul li.disable{color:#c57f73;}
-.tabset ul li em{
-	position:absolute;
-	left:13px;
-	bottom:0;
-	font-size:0;
-	line-height:0;
-	width:14px;
-	height:11px;
-}
-.tabset ul li.active {color:#fff;}
-.tabset ul li.active em{background:url(../images/bul1.png) no-repeat;}
-/* content */
-.content:after {
-	clear: both;
-	content:"";
-	display: block;
-}
-.content{
-	width:100%;
-	padding:20px 0 0;
-}
-.tab:after {
-	clear: both;
-	content:"";
-	display: block;
-}
-.tab{width:100%;}
-.content h1{
-	margin:0 0 26px;
-	font-size:36px;
-	line-height:40px;
-	font-weight:normal;
-	color:#FFF3BB;
-    text-shadow: 0 0 10px #000000;
-}
-.content .container{
-	overflow:hidden;
-	height:1%;
-	padding:0 100px 13px 5px;
-}
-.content h2{
-	margin:0 0 11px;
-	font-size:20px;
-	line-height:24px;
-	color:#FFF3BB;
-	font-weight:normal;
-}
-.content p{margin:0 0 13px;}
-.content p strong{color:#fff;}
-/* text list */
-.text-list{
-	overflow:hidden;
-	width:100%;
-	margin:0;
-	padding:3px 0 20px;
-	list-style:none;
-}
-.text-list li{
-	overflow:hidden;
-	height:1%;
-	vertical-align:top;
-	padding:0 0 4px;
-}
-.text-list li strong{
-	float:left;
-	display:inline;
-	margin:0 3px 0 0;
-	width:13px;
-	color:#fff;
-}
-* html .text-list li strong{margin:0;}
-.text-list li span{
-	display:block;
-	overflow:hidden;
-	height:1%;
-}
-.content .enjoy{
-	display:block;
-	padding:0 0 14px;
-	font-size:20px;
-	line-height:24px;
-	color:#fff;
-	font-weight:normal;
-}
-/* btn box */
-.btn-box{
-	width:100%;
-	overflow:hidden;
-}
-.btn-box .t{
-	width:100%;
-	overflow:hidden;
-	height:1px;
-	font-size:0;
-	line-height:0;
-	background:url(../images/sep1.png) repeat-x;
-}
-.btn-box .btn{margin:13px 0 0;}
-.btn{
-	float:left;
-	overflow:hidden;
-	cursor:pointer;
-}
-.btn:hover{border:none;}
-.btn span{
-	float:left;
-	overflow:hidden;
-	text-indent:-9999px;
-}
-.btn-get{height:59px;}
-.btn-get span{
-	height:118px;
-	width:230px;
-	background:url(../images/btn-get.png) no-repeat;
-}
-.btn-get:hover span{margin:-59px 0 0;}
-.accept-hold{
-	width:100%;
-	overflow:hidden;
-	margin:-2px 0 0;
-	padding:0 0 7px;
-}
-.content .accept-hold h2{margin:0 0 10px;}
-.content .accept-hold p{
-	font-size:15px;
-	line-height:20px;
-}
-.content h3{
-	margin:0 0 18px;
-	font-size:15px;
-	line-height:20px;
-	color:#FFF3BB;
-	font-weight: normal;
-}
-.btn-accept,
-.btn-continue,
-.btn-back{height:42px;}
-.btn-accept span{
-	height:84px;
-	width:215px;
-	background:url(../images/btn-accept.png) no-repeat;
-}
-.btn-back span{
-	height:84px;
-	width:90px;
-	background:url(../images/btn-back.png) no-repeat;
-}
-
-.btn-accept:hover span,
-.btn-continue:hover span,
-.btn-back:hover span{margin:-42px 0 0;}
-
-/* database */
-.database-hold{
-	width:100%;
-	overflow:hidden;
-}
-.content .database-hold .container{padding-bottom:0;}
-/* step */
-.step{
-	width:100%;
-	overflow:hidden;
-	padding:11px 0 3px;
-}
-/* mini tabset */
-.mini-tabset{
-	width:100%;
-	overflow:hidden;
-	margin:0;
-	padding:2px 0 9px;
-	list-style:none;
-}
-.mini-tabset li{
-	float:left;
-	padding:0 12px 0 0;
-}
-.mini-tabset li a{
-	float:left;
-	height:42px;
-	overflow:hidden;
-	cursor:pointer;
-}
-.mini-tabset li a:hover{position:relative;}
-.mini-tabset li a span{
-	float:left;
-	height:84px;
-	overflow:hidden;
-	text-indent:-9999px;
-}
-.mini-tabset li.btn-yes a span{
-	width:79px;
-	background:url(../images/btn-yes.png) no-repeat;
-}
-.mini-tabset li.btn-no a span{
-	width:73px;
-	background:url(../images/btn-no.png) no-repeat;
-}
-.mini-tabset li a:hover span{margin:-42px 0 0;}
-.step .row,
-.instruction-hold .row{
-	overflow:hidden;
-	height:1%;
-	padding:0 0 8px;
-}
-.instruction-hold a
-{
-    color: #eeffcc;
-    text-decoration: underline;
-}
-.step .sel{
-	width:310px;
-	display:inline;
-}
-.step .select{padding:0 0 8px 139px !important;}
-.instruction-hold{
-	width:100%;
-	overflow:hidden;
-	padding:2px 0 25px;
-}
-.instruction-hold label{
-	float:left;
-	width:135px;
-	padding:5px 3px 0 0;
-	font-weight:bold;
-	color:#fff;
-}
-.instruction-hold .row span{
-	float:left;
-	width:298px;
-	height:27px;
-	padding:0 6px;
-	background:url(../images/bg-inp.png) no-repeat;
-}
-
-.instruction-hold .row span.textarea
-{
-    height:108px;
-    background:url(../images/bg-inp-big.png) no-repeat;
-}
-.instruction-hold .error span{background:url(../images/bg-inp-error.png) no-repeat;}
-.instruction-hold .text{
-	float:left;
-	width:298px;
-	outline:none;
-	background:none;
-	border:none;
-	overflow:hidden;
-	font-size:13px;
-	line-height:16px;
-	height:16px;
-	padding:5px 0 6px;
-	position:relative;
-}
-.instruction-hold .textarea
-{
-    height:95px;
-}
-.btn-box .btn-install {
-	float:left;
-	margin:13px 0 0;
-	width:99px;
-	height:42px;
-	position: relative;
-	overflow:hidden;
-}
-.btn-box .btn-install span {
-	display: block;
-	width:99px;
-	height:42px;
-	text-indent:-9999px;
-	overflow:hidden;
-	background: url(../images/btn-install.png) no-repeat;
-}
-.btn-box .btn-install:hover { border: none; }
-.btn-box .btn-install:hover span {
-	margin: -42px 0 0;
-	padding:42px 0 0;
-}
-.btn-link{
-	display:block;
-	width:100%;
-	overflow:hidden;
-}
-.btn-link a{
-	float:left;
-	font-size:17px;
-	line-height:20px;
-	text-decoration:underline;
-	color:#fff3bb;
-}
-.btn-link a:hover{text-decoration:none;}
-/* loader */
-.loader{
-	width:100%;
-	overflow:hidden;
-	padding:13px 0 14px;
-}
-.loader .hold{
-	width:100%;
-	overflow:hidden;
-}
-.loader img{float:left;}
-.loader .hold span{
-	float:left;
-	font-size:12px;
-	line-height:14px;
-	color:#fff;
-	padding:4px 0 0 7px;
-}
-.loader strong{
-	display:block;
-	color:#fff;
-	padding:17px 0 0;
-}
-.progress-bar {
-	width:369px;
-	height:22px !important;
-	overflow:hidden;
-	float:left;
-}
-.ui-progressbar-value { background-image: url(../images/pbar-ani.gif) }
-.btn-continue span{
-	width:122px;
-	height:84px;
-	background:url(../images/btn-continue.png) no-repeat;
-}
-/* create box */
-.create-hold{
-	width:100%;
-	overflow:hidden;
-	margin:-1px 0 0;
-	padding:0 0 13px;
-}
-.content .create-hold p{
-	margin:0;
-	line-height:20px;
-}
-/* instruction box */
-.instruction-hold .check-hold{
-	overflow:hidden;
-	height:1%;
-	padding:10px 0 3px 139px;
-}
-.instruction-hold .chk{
-	float:left;
-	display:inline;
-	width:14px;
-	height:14px;
-	margin:2px 8px 0 0;
-	padding:0;
-}
-.instruction-hold .check-hold label{
-	float:left;
-	width:auto;
-	line-height:16px;
-	color:#ffffff;
-	font-weight:normal;
-	padding:0;
-}
-.btn-box .btn-create {
-	float:left;
-	margin:13px 0 0;
-	width:145px;
-	height:42px;
-	position:relative;
-	overflow:hidden;
-}
-.btn-box .btn-create span {
-	display: block;
-	width:145px;
-	height:42px;
-	overflow:hidden;
-	text-indent: -9999px;
-	background:url(../images/btn-create.png) no-repeat;
-}
-.btn-box .btn-create:hover { border: none; }
-.btn-box .btn-create:hover span {
-	padding: 42px 0 0;
-	margin: -42px 0 0;
-}
-.validaing,
-.invalidaing, .basevalidaing{
-	float:left !Important;
-	display:inline;
-	margin:6px 0 0 10px !Important;
-	padding:0 0 2px 28px !Important;
-	line-height:13px !Important;
-    font-weight:bold !Important;
-	color:#fff !Important;
-	background-color: none !Important;
-}
-
-.validaing
-{
-	background:url(../images/ico-validaing.png) no-repeat !Important;
-}
-
-.invalidaing{
-	margin:6px 0 0 12px !Important;
-	padding:0 0 2px 26px !Important;
-	background:url(../images/ico-invalidaing.png) no-repeat !Important;
-}
-
-
-/* add navigation */
-.add-nav:after {
-	clear: both;
-	content:"";
-	display: block;
-}
-.add-nav{
-	width:100%;
-	position:relative;
-	margin:-19px 0 0;
-}
-.add-nav ul{
-	margin:0;
-	padding:0;
-	list-style:none;
-}
-.add-nav ul li{
-	float:left;
-	padding:0 4px 0 32px;
-}
-.add-nav ul li a {
-	display:block;
-	width:150px;
-	height:212px;
-	position:relative;
-	cursor:pointer;
-}
-.add-nav ul li a img{
-	position:absolute;
-	top: 0;
-	left: 0;
-}
-.add-nav ul li a span{
-	position:absolute;
-	top:-15px;
-	left:-99999px;
-	display:none;
-}
-.add-nav ul li.hover a span{
-	display:block;
-	left:-15px;
-}
-.add-nav ul li em{
-	position:absolute;
-	top:236px;
-	width:16px;
-	height:13px;
-	overflow:hidden;
-	font-size:0;
-	line-height:0;
-}
-.add-nav ul li.add-simple em{left:166px;}
-.add-nav ul li.add-blog em{left:319px;}
-.add-nav ul li.add-personal em{left:471px;}
-.add-nav ul li.add-buisness em{left:624px;}
-.add-nav ul li.add-thanks em{left:776px;}
-.add-nav ul li:hover em,
-.add-nav ul li.hover em{background:url(../images/bul3.png) no-repeat;}
-.add-nav ul li:hover .drop-hold,
-.add-nav ul li.hover .drop-hold{display:block;}
-/* drop down */
-.drop-hold{
-	width:708px;
-	overflow:hidden;
-	position:absolute;
-	top:209px;
-	left:50%;
-	margin:0 0 0 -355px;
-	padding:40px 0 0;
-	display:none;
-}
-.drop-hold .c:after {
-	clear: both;
-	content:"";
-	display: block;
-}
-.drop-hold .c{
-	width:620px;
-	min-height:107px;
-	padding:16px 44px;
-	background:url(../images/bg-drop-c.gif) repeat-y;
-}
-* html .drop-hold .c{height:107px;}
-.drop-hold .t,
-.drop-hold .b{
-	width:100%;
-	overflow:hidden;
-	height:10px;
-	font-size:0;
-	line-height:0;
-}
-.drop-hold .t{background:url(../images/bg-drop-t.png) no-repeat;}
-.drop-hold .b{background:url(../images/bg-drop-b.png) no-repeat;}
-.drop-hold .title{
-	width:100%;
-	overflow:hidden;
-	padding:0 0 17px;
-}
-.drop-hold .title span{
-	display:block;
-	font-size:20px;
-	line-height:24px;
-	color:#3e0e03;
-}
-.drop-hold .hold{
-	width:100%;
-	overflow:hidden;
-	color:#3e0e03;
-}
-.drop-hold .box{
-	float:left;
-	width:280px;
-	padding:0 8px 0 0;
-}
-.add-nav .box ul{
-	margin:0;
-	padding:0;
-	list-style:none;
-	width:100%;
-	overflow:hidden;
-}
-.add-nav  .box ul li{
-	overflow:hidden;
-	height:1%;
-	vertical-align:top;
-	float:none;
-	padding:0 0 4px 13px;
-	color:#3e0e03;
-	background:url(../images/bul2.gif) no-repeat 0 7px;
-}
-
-/* basic starterkit grid*/
-ul.kits {
-    list-style: none;        
-}
-
-
-.kits:after {
-	clear: both;
-	content:"";
-	display: block;
-}
-
-
-/* gallery */
-.gallery:after {
-	clear: both;
-	content:"";
-	display: block;
-}
-.gallery{
-	width:795px;
-	margin:0 0 0 17px;
-	position:relative;
-	min-height:300px;
-	padding:0 54px 0 77px;
-}
-* html .gallery{height:300px;}
-.gallery .hold{
-	width:100%;
-	position:relative;
-	padding:18px 0;
-}
-.gallery .gal-box{
-	width:99999px;
-	position:relative;
-}
-.gallery .box {
-	float:left;
-	width:796px;
-	background: none !important;
-}
-.gallery .box ul{
-	float:left;
-	display:inline;
-	margin:5px -18px 0 10px;
-	padding:0;
-	list-style:none;
-}
-.gallery .box ul li {
-	float:left;
-	width:152px;
-	height:129px;
-	position:relative;
-	padding:5px 48px 29px 0;
-}
-.gallery .box .image-hold {
-	float:left;
-	width:152px;
-	height: 129px;
-	margin: 0 -100px -100px 0;
-	position:relative;
-}
-.gallery .box .image-hold .faik-mask {
-	display: block;
-}
-.gallery .box .image{
-	position:absolute;
-	top:0;
-	left:0;
-	padding:7px 9px 19px 9px;
-}
-.gallery .box .image img {
-	display:block;
-	position:relative;
-}
-.gallery .box .faik-mask-ie6 {
-	position:absolute;
-	top:-9999px;
-	left:-9999px;
-}
-.gallery .btn-prev,
-.gallery .btn-next{
-	position:absolute;
-	top:152px;
-	height:30px;
-	width:30px;
-	overflow:hidden;
-	outline:none;
-}
-.gallery .btn-prev:hover,
-.gallery .btn-next:hover{border:none;}
-.gallery .btn-prev{left:0;}
-.gallery .btn-next{right:0;}
-.gallery .btn-prev span,
-.gallery .btn-next span{
-	float:left;
-	width:30px;
-	height:60px;
-	overflow:hidden;
-	text-indent:-9999px;
-}
-.gallery .btn-prev span{background:url(../images/btn-prev.png) no-repeat;}
-.gallery .btn-next span{background:url(../images/btn-next.png) no-repeat;}
-.gallery .btn-prev:hover span,
-.gallery .btn-next:hover span{margin:-30px 0 0;}
-/* gallery drop */
-.gal-drop {
-	position:absolute;
-	top:7px;
-	left:9px;
-	width:178px;
-}
-* html .gal-drop {
-	margin: -2px 0 0
-}
-.gal-drop a{
-	display:block;
-	width:100%;
-	overflow:hidden;
-}
-.gal-drop a:hover{border:none;}
-.gal-drop a span{
-	float:left;
-	width:178px;
-	overflow:hidden;
-	text-indent:-99999px;
-}
-.gal-drop .btn-preview{height:69px;}
-.gal-drop .btn-preview span{
-	height:138px;
-	background:url(../images/btn-preview.png) no-repeat;
-}
-.gal-drop .btn-preview:hover span{margin:-69px 0 0;}
-.gal-drop .btn-install-gal{height:68px;}
-.gal-drop .btn-install-gal span{
-	height:138px;
-	background:url(../images/btn-install-gal.png) no-repeat;
-}
-.gal-drop .btn-install-gal:hover span{margin:-68px 0 0;}
-/* paging */
-.paging{
-	width:100%;
-	overflow:hidden;
-	position:relative;
-}
-.w1{
-	float:left;
-	position:relative;
-	left:50%;
-}
-.w2{
-	float:left;
-	position:relative;
-	left:-50%;
-}
-.paging span{
-	float:left;
-	font-size:14px;
-	line-height:22px;
-	color:#fff;
-	padding:0 16px 0 0;
-}
-.paging ul{
-	float:left;
-	margin:0;
-	padding:0 90px 0 0;
-	list-style:none;
-}
-.paging ul li{
-	float:left;
-	padding:4px 7px 4px 7px;
-}
-.paging ul li a{
-	display:block;
-	font-size:11px;
-	line-height:13px;
-	font-weight:bold;
-	color:#fff;
-	width:16px;
-	height:16px;
-	padding:2px 0 0 2px;
-	text-align:center;
-	background:url(../images/bg-paging.png) no-repeat;
-}
-.paging ul li a:hover,
-.paging ul li.active a{
-	font-size:13px;
-	line-height:16px;
-	width:22px;
-	height:21px;
-	margin:-2px -2px -4px -3px;
-	position:relative;
-	color:#000;
-	padding:2px 0 0 1px;
-	text-decoration:none;
-	background:url(../images/bg-paging-h.png) no-repeat;
-}
-.container .alt{padding-top:7px;}
-/* lightbox */
-.lightbox{
-	width:870px;
-	overflow:hidden;
-	position:absolute;
-	top:-9999px;
-	left:-9999px;
-	padding:10px;
-	margin:0;
-	z-index: 999;
-}
-.lightbox .t,
-.lightbox .b{
-	width:100%;
-	overflow:hidden;
-	height:8px;
-	font-size:0;
-	line-height:0;
-}
-.lightbox .t{background:url(../images/bg-lightbox-t.png) no-repeat;}
-.lightbox .b{background:url(../images/bg-lightbox-b.png) no-repeat;}
-.lightbox .c{
-	width:824px;
-	overflow:hidden;
-	background:#ededed;
-	padding:9px 23px 35px 23px;
-}
-.lightbox .heading{
-	width:100%;
-	overflow:hidden;
-	padding:0 0 11px;
-}
-.lightbox .title{
-	display:block;
-	font-size:26px;
-	line-height:28px;
-	color:#000;
-	font-weight:bold;
-	padding:0 0 7px;
-}
-.lightbox .create{
-	display:block;
-	font-size:14px;
-	line-height:18px;
-	color:#5f5f5f;
-}
-.lightbox .create a{
-	font-weight:bold;
-	color:#5f5f5f;
-}
-.lightbox .carusel{
-	width:100%;
-	overflow:hidden;
-	border-top:1px solid #a5a5a5;
-	border-bottom:1px solid #a5a5a5;
-	padding:13px 0 15px;
-	position:relative;
-}
-.lightbox .carusel ul{
-	width:99999px;
-	margin:0;
-	padding:0;
-	list-style:none;
-}
-.lightbox .carusel ul li{
-	float:left;
-	padding:0 8px 0 0;
-}
-.lightbox .carusel ul li img{display:block;}
-.lightbox .btn-box{padding-top:27px;}
-.lightbox .btn-install{
-	display:block;
-	width:99px;
-	height:42px;
-	overflow:hidden;
-	text-indent:-99999px;
-	margin:0;
-	background:url(../images/btn-install.png) no-repeat;
-}
-.lightbox .btn-install:hover{background:url(../images/btn-install-hover.png) no-repeat;}
-.lightbox .btn-close{
-	position:absolute;
-	top:0;
-	right:0;
-	width:30px;
-	height:30px;
-	overflow:hidden;
-	text-indent:-99999px;
-	z-index:100;
-	background:url(../images/btn-close.png) no-repeat;
-}
-.btn-web{
-	width:100%;
-	overflow:hidden;
-	margin:0;
-	padding:15px 0 20px;
-	list-style:none;
-}
-.btn-web li{
-	float:left;
-	padding:0 13px 0 0;
-}
-.btn-web li a{
-	float:left;
-	height:42px;
-	overflow:hidden;
-	cursor:pointer;
-}
-.btn-web li a:hover{border:none;}
-.btn-web li a span{
-	float:left;
-	height:84px;
-	overflow:hidden;
-	text-indent:-99999px;
-}
-.btn-web li.btn-set a span{
-	width:248px;
-	background:url(../images/btn-set.png) no-repeat;
-}
-.btn-web li.btn-preview-web a span{
-	width:257px;
-	background:url(../images/btn-preview-web.png) no-repeat;
-}
-.btn-web li a:hover span{margin:-42px 0 0;}
-/* three columns */
-.threcol{
-	width:100%;
-	overflow:hidden;
-}
-.threcol .t{
-	width:100%;
-	overflow:hidden;
-	height:1px;
-	font-size:0;
-	line-height:0;
-	background:url(../images/sep1.png) repeat-x;
-}
-.threcol .hold{
-	width:100%;
-	overflow:hidden;
-	padding:24px 0 0;
-}
-.content .threcol h2{
-	margin:0 0 11px;
-	font-size:20px;
-	line-height:24px;
-	font-weight:bold;
-	color:#FFF3BB;
-}
-.col1{
-	float:left;
-	width:225px;
-	padding:0 57px 0 3px;
-}
-.content .threcol p{
-	margin:0 0 20px;
-	line-height:20px;
-}
-.content .threcol p span{display:block;}
-.content .threcol p a{
-	color:#fff;
-	text-decoration:underline;
-}
-.content .threcol p a:hover{text-decoration:none;}
-/* links box */
-.links{
-	width:100%;
-	overflow:hidden;
-}
-.links ul{
-	width:100%;
-	overflow:hidden;
-	margin:0;
-	padding:6px 0 14px;
-	list-style:none;
-}
-.links ul li{
-	overflow:hidden;
-	height:1%;
-	vertical-align:top;
-	padding:0 0 9px 11px;
-	font-size:14px;
-	line-height:16px;
-	background:url(../images/bul4.gif) no-repeat 0 5px;
-}
-.links ul li a{
-	color:#fff;
-	text-decoration:underline;
-}
-.links ul li a:hover{text-decoration:none;}
-.col2{
-	float:left;
-	width:301px;
-	padding:0 60px 0 0;
-}
-.col3{
-	float:left;
-	width:295px;
-}
-.box-software{
-	width:100%;
-	overflow:hidden;
-}
-.content .box-software p{
-	font-size:12px;
-	line-height:15px;
-	margin:0 0 15px;
-}
-.box-software p span{font-size:11px;}
-
-
-.ui-selectmenu {
-	border: none !important;
-	display:block !important;
-	width:310px !important;
-	height: 29px;
-	overflow:hidden;
-	font-size:13px;
-	line-height:29px;
-	background:none;
-}
-.ui-selectmenu:focus {
-	outline: 1px dotted #000;
-}
-.ui-selectmenu-status {
-	float:left;
-	height: 29px;
-	width:266px;
-	padding:0 10px;
-	color: #000;
-	font-weight:normal;
-	background:url(../images/select-left-2.png) no-repeat;
-}
-.ui-state-default .ui-icon {
-	position:static;
-	float:right;
-	width:24px;
-	height: 29px;
-	background:url(../images/select-button.png) no-repeat;
-}
-.ui-selectmenu-menu {
-	position:absolute;
-	top: 0;
-	left: 0;
-	visibility: hidden;
-	border-radius: 0 !important;
-	-moz-border-radius: 0 !important;
-	-webkit-border-radius: 0 !important;
-}
-.ui-selectmenu-open {
-	visibility: visible;
-}
-.ui-selectmenu-menu li {
-	font-weight:normal !important;
-	border: none !important;
-}
-
-.summary li{margin-bottom: 20px; display: block;}
-.summary a{color: White;display:block;font-weight:bold;}
-.summary a:hover{text-shadow: #000000 0px 0px 0px;}
-
-.error {padding:0 100px 13px 5px}
-.error p{margin:0 0 13px;padding-right:100px;}
-.error p strong {font-size:14px;display:block;}
-
-/* db step refactor */
-.database-option, footer.installbtn
-{
-    display:none;
-}
-
-.database-hold{
-	width:100%;
-	overflow:hidden;
-}
-
-.step.rendering-engine input[type="radio"] {
-    margin: 0px 5px 0px 5px;
-}
-
-.step.rendering-engine > div {
-    line-height: 25px;
-}
-
-.upgrade-report {
-    padding: 10px;
-    border-collapse: separate;
-    border-spacing: inherit;
-    line-height: 20px;
-    background: #361919;
-    background: rgba(255, 255, 255, 0.15);
-    -moz-border-radius: 20px;
-    -webkit-border-radius: 20px;
-    border-radius: 20px;
-    width: 920px;
-}
-
-.upgrade-report td {
-    padding-bottom: 5px;
-    padding-left: 5px;
-    padding-right: 10px;
-}
-.upgrade-report td.msg {    
-    vertical-align: middle;
-}
-
-.upgrade-report td.icon span {
-    margin-top: 5px;    
-    display: block;
+body{
+	margin:0;
+	color:#fff;
+	font:13px/16px Tahoma, Geneva, sans-serif;
+	background:#191919;
+	min-width:1000px;
+	position:relative;
+}
+img{border:0;}
+a{
+	color:#333;
+	text-decoration:none;
+}
+a:hover{text-decoration:underline;}
+input,
+textarea,
+select{
+	font:100% arial,sans-serif;
+	vertical-align:middle;
+}
+form,fieldset{
+	margin:0;
+	padding:0;
+	border-style:none;
+}
+header,
+footer,
+article,
+section,
+hgroup,
+nav,
+figure{display: block;}
+/* all page */
+#wrapper{
+	width:100%;
+	overflow:hidden;
+	position:relative;
+	z-index:10;
+}
+/* bg page */
+#wrapper .bg-l{
+	position:absolute;
+	top:0;
+	left:0;
+	width:1%;
+	height:1050px;
+}
+.bg-main {
+	position:absolute;
+	top: 0;
+	left: 0;
+	width:100%;
+	height:100%;
+	z-index:1;
+}
+.bg-main .color1,
+.bg-main .color2,
+.bg-main .color3,
+.bg-main .color4,
+.bg-main .color5 {
+	position:absolute;
+	top: 0;
+	left: 0;
+	width:100%;
+	height:1050px;
+}
+.bg-main .color1 .bg-c,
+.bg-main .color2 .bg-c,
+.bg-main .color3 .bg-c,
+.bg-main .color4 .bg-c,
+.bg-main .color5 .bg-c {
+	position:absolute;
+	top: 0;
+	left: 0;
+	width:100%;
+	height:1050px;
+}
+
+/* Color 1 */
+.bg-main .color1 { background:url(../images/bg-normal-repeat.jpg) repeat-x;}
+
+.bg-main .color1 .bg-c { background:url(../images/bg-normal.jpg) no-repeat 50% 0;}
+/* Color 2 */
+.bg-main .color2 { background:#2e1427 url(../images/bg-simple-repeat.jpg) repeat-x;}
+
+.bg-main .color2 .bg-c { background:url(../images/bg-simple.jpg) no-repeat 50% 0;}
+/* Color 3 */
+.bg-main .color3 { background:#01242d url(../images/bg-blog-repeat.jpg) repeat-x;}
+
+.bg-main .color3 .bg-c { background:url(../images/bg-blog.jpg) no-repeat 50% 0;}
+/* Color 4 */
+.bg-main .color4 { background:#201c01 url(../images/bg-normal-repeat.jpg) repeat-x;}
+
+.bg-main .color4 .bg-c { background:url(../images/bg-bhuiness.jpg) no-repeat 50% 0;}
+/* Color 5 */
+.bg-main .color5 { background:#3b0d03 url(../images/bg-personal-repeat.jpg) repeat-x;}
+
+.bg-main .color5 .bg-c { background:url(../images/bg-personal.jpg) no-repeat 50% 0;}
+.wholder:after {
+	clear: both;
+	content:"";
+	display: block;
+}
+.wholder{
+	width:100%;
+	min-height:1000px;
+	position:relative;
+	padding:0 0 50px;
+}
+* html .wholder{height:1200px;}
+/* header */
+#header{
+	width:100%;
+	overflow:hidden;
+	height:98px;
+	background:url(../images/bg-header.png) repeat-x;
+}
+#header .holder{
+	width:960px;
+	overflow:hidden;
+	margin:0 auto;
+}
+.logo{
+	display:block;
+	width:177px;
+	margin:0 auto;
+	font-size:0;
+	line-height:0;
+	padding:14px 0 0;
+}
+.logo a{
+	display:block;
+	width:177px;
+	height:53px;
+	overflow:hidden;
+	text-indent:-99999px;
+	background:url(../images/logo.gif) no-repeat;
+}
+/* all content */
+#main:after {
+	clear: both;
+	content:"";
+	display: block;
+}
+#main{
+	width:960px;
+	margin:0 auto;
+}
+/* tabset */
+.tabset{
+	width:100%;
+	overflow:hidden;
+	padding:2px 0 0;
+}
+.tabset .b{
+	width:100%;
+	overflow:hidden;
+	height:1px;
+	font-size:0;
+	line-height:0;
+	background:url(../images/sep1.png) repeat-x;
+}
+.tabset ul{
+	width:1003px;
+	overflow:hidden;
+	margin:0 -43px 0 0;
+	padding:0 0 2px;
+	list-style:none;
+}
+.tabset ul li{
+	float:left;
+	padding:0 43px 17px 0;
+	font:bold 21px/23px Arial,Helvetica,sans-serif;
+	letter-spacing:-1px;
+	color:#f27021;
+	position:relative;
+}
+.tabset ul li.disable{color:#666;}
+.tabset ul li em{
+	position:absolute;
+	left:13px;
+	bottom:0;
+	font-size:0;
+	line-height:0;
+	width:14px;
+	height:11px;
+}
+.tabset ul li.active {color:#fff;}
+.tabset ul li.active em{background:url(../images/bul1.png) no-repeat;}
+/* content */
+.content:after {
+	clear: both;
+	content:"";
+	display: block;
+}
+.content{
+	width:100%;
+	padding:20px 0 0;
+}
+.tab:after {
+	clear: both;
+	content:"";
+	display: block;
+}
+.tab{width:100%;}
+.content h1{
+	margin:0 0 26px;
+	font-size:36px;
+	line-height:40px;
+	font-weight:normal;
+	color:#fff;
+}
+.content .container{
+	overflow:hidden;
+	height:1%;
+	padding:0 100px 13px 5px;
+}
+.content h2{
+	margin:0 0 11px;
+	font-size:20px;
+	line-height:24px;
+	color:#fff;
+	font-weight:normal;
+}
+.content p{margin:0 0 13px;}
+.content p strong{color:#fff;}
+/* text list */
+.text-list{
+	overflow:hidden;
+	width:100%;
+	margin:0;
+	padding:3px 0 20px;
+	list-style:none;
+}
+.text-list li{
+	overflow:hidden;
+	height:1%;
+	vertical-align:top;
+	padding:0 0 4px;
+}
+.text-list li strong{
+	float:left;
+	display:inline;
+	margin:0 3px 0 0;
+	width:13px;
+	color:#fff;
+}
+* html .text-list li strong{margin:0;}
+.text-list li span{
+	display:block;
+	overflow:hidden;
+	height:1%;
+}
+.content .enjoy{
+	display:block;
+	padding:0 0 14px;
+	font-size:20px;
+	line-height:24px;
+	color:#fff;
+	font-weight:normal;
+}
+/* btn box */
+.btn-box{
+	width:100%;
+	overflow:hidden;
+}
+.btn-box .t{
+	width:100%;
+	overflow:hidden;
+	height:1px;
+	font-size:0;
+	line-height:0;
+	background:url(../images/sep1.png) repeat-x;
+}
+.btn-box .btn{margin:13px 0 0;}
+.btn{
+	float:left;
+	overflow:hidden;
+	cursor:pointer;
+}
+.btn:hover{border:none;}
+.btn span{
+	float:left;
+	overflow:hidden;
+	text-indent:-9999px;
+}
+.btn-get{height:59px;}
+.btn-get span{
+	height:118px;
+	width:230px;
+	background:url(../images/btn-get.png) no-repeat;
+}
+.btn-get:hover span{margin:-59px 0 0;}
+.accept-hold{
+	width:100%;
+	overflow:hidden;
+	margin:-2px 0 0;
+	padding:0 0 7px;
+}
+.content .accept-hold h2{margin:0 0 10px;}
+.content .accept-hold p{
+	font-size:15px;
+	line-height:20px;
+}
+.content h3{
+	margin:0 0 18px;
+	font-size:15px;
+	line-height:20px;
+	color:#fff;
+	font-weight: normal;
+}
+.btn-accept,
+.btn-continue,
+.btn-back{height:42px;}
+.btn-accept span{
+	height:84px;
+	width:215px;
+	background:url(../images/btn-accept.png) no-repeat;
+}
+.btn-back span{
+	height:84px;
+	width:90px;
+	background:url(../images/btn-back.png) no-repeat;
+}
+
+.btn-accept:hover span,
+.btn-continue:hover span,
+.btn-back:hover span{margin:-42px 0 0;}
+
+/* database */
+.database-hold{
+	width:100%;
+	overflow:hidden;
+}
+.content .database-hold .container{padding-bottom:0;}
+/* step */
+.step{
+	width:100%;
+	overflow:hidden;
+	padding:11px 0 3px;
+}
+/* mini tabset */
+.mini-tabset{
+	width:100%;
+	overflow:hidden;
+	margin:0;
+	padding:2px 0 9px;
+	list-style:none;
+}
+.mini-tabset li{
+	float:left;
+	padding:0 12px 0 0;
+}
+.mini-tabset li a{
+	float:left;
+	height:42px;
+	overflow:hidden;
+	cursor:pointer;
+}
+.mini-tabset li a:hover{position:relative;}
+.mini-tabset li a span{
+	float:left;
+	height:84px;
+	overflow:hidden;
+	text-indent:-9999px;
+}
+.mini-tabset li.btn-yes a span{
+	width:79px;
+	background:url(../images/btn-yes.png) no-repeat;
+}
+.mini-tabset li.btn-no a span{
+	width:73px;
+	background:url(../images/btn-no.png) no-repeat;
+}
+.mini-tabset li a:hover span{margin:-42px 0 0;}
+.step .row,
+.instruction-hold .row{
+	overflow:hidden;
+	height:1%;
+	padding:0 0 8px;
+}
+.instruction-hold a
+{
+    color: #eeffcc;
+    text-decoration: underline;
+}
+.step .sel{
+	width:310px;
+	display:inline;
+}
+.step .select{padding:0 0 8px 139px !important;}
+.instruction-hold{
+	width:100%;
+	overflow:hidden;
+	padding:2px 0 25px;
+}
+.instruction-hold label{
+	float:left;
+	width:135px;
+	padding:5px 3px 0 0;
+	font-weight:bold;
+	color:#fff;
+}
+.instruction-hold .row span{
+	float:left;
+	width:298px;
+	height:27px;
+	padding:0 6px;
+	background:url(../images/bg-inp.png) no-repeat;
+}
+
+.instruction-hold .row span.textarea
+{
+    height:108px;
+    background:url(../images/bg-inp-big.png) no-repeat;
+}
+.instruction-hold .error span{background:url(../images/bg-inp-error.png) no-repeat;}
+.instruction-hold .text{
+	float:left;
+	width:298px;
+	outline:none;
+	background:none;
+	border:none;
+	overflow:hidden;
+	font-size:13px;
+	line-height:16px;
+	height:16px;
+	padding:5px 0 6px;
+	position:relative;
+}
+.instruction-hold .textarea
+{
+    height:95px;
+}
+.btn-box .btn-install {
+	float:left;
+	margin:13px 0 0;
+	width:99px;
+	height:42px;
+	position: relative;
+	overflow:hidden;
+}
+.btn-box .btn-install span {
+	display: block;
+	width:99px;
+	height:42px;
+	text-indent:-9999px;
+	overflow:hidden;
+	background: url(../images/btn-install.png) no-repeat;
+}
+.btn-box .btn-install:hover { border: none; }
+.btn-box .btn-install:hover span {
+	margin: -42px 0 0;
+	padding:42px 0 0;
+}
+.btn-link{
+	display:block;
+	width:100%;
+	overflow:hidden;
+}
+.btn-link a{
+	float:left;
+	font-size:17px;
+	line-height:20px;
+	text-decoration:underline;
+	color:#fff;
+}
+.btn-link a:hover{text-decoration:none;}
+/* loader */
+.loader{
+	width:100%;
+	overflow:hidden;
+	padding:13px 0 14px;
+}
+.loader .hold{
+	width:100%;
+	overflow:hidden;
+}
+.loader img{float:left;}
+.loader .hold span{
+	float:left;
+	font-size:12px;
+	line-height:14px;
+	color:#fff;
+	padding:4px 0 0 7px;
+}
+.loader strong{
+	display:block;
+	color:#fff;
+	padding:17px 0 0;
+}
+.progress-bar {
+	width:369px;
+	height:22px !important;
+	overflow:hidden;
+	float:left;
+}
+.ui-progressbar-value { background-image: url(../images/pbar-ani.gif) }
+.btn-continue span{
+	width:122px;
+	height:84px;
+	background:url(../images/btn-continue.png) no-repeat;
+}
+/* create box */
+.create-hold{
+	width:100%;
+	overflow:hidden;
+	margin:-1px 0 0;
+	padding:0 0 13px;
+}
+.content .create-hold p{
+	margin:0;
+	line-height:20px;
+}
+/* instruction box */
+.instruction-hold .check-hold{
+	overflow:hidden;
+	height:1%;
+	padding:10px 0 3px 139px;
+}
+.instruction-hold .chk{
+	float:left;
+	display:inline;
+	width:14px;
+	height:14px;
+	margin:2px 8px 0 0;
+	padding:0;
+}
+.instruction-hold .check-hold label{
+	float:left;
+	width:auto;
+	line-height:16px;
+	color:#ffffff;
+	font-weight:normal;
+	padding:0;
+}
+.btn-box .btn-create {
+	float:left;
+	margin:13px 0 0;
+	width:145px;
+	height:42px;
+	position:relative;
+	overflow:hidden;
+}
+.btn-box .btn-create span {
+	display: block;
+	width:145px;
+	height:42px;
+	overflow:hidden;
+	text-indent: -9999px;
+	background:url(../images/btn-create.png) no-repeat;
+}
+.btn-box .btn-create:hover { border: none; }
+.btn-box .btn-create:hover span {
+	padding: 42px 0 0;
+	margin: -42px 0 0;
+}
+.validaing,
+.invalidaing, .basevalidaing{
+	float:left !Important;
+	display:inline;
+	margin:6px 0 0 10px !Important;
+	padding:0 0 2px 28px !Important;
+	line-height:13px !Important;
+    font-weight:bold !Important;
+	color:#fff !Important;
+	background-color: none !Important;
+}
+
+.validaing
+{
+	background:url(../images/ico-validaing.png) no-repeat !Important;
+}
+
+.invalidaing{
+	margin:6px 0 0 12px !Important;
+	padding:0 0 2px 26px !Important;
+	background:url(../images/ico-invalidaing.png) no-repeat !Important;
+}
+
+
+/* add navigation */
+.add-nav:after {
+	clear: both;
+	content:"";
+	display: block;
+}
+.add-nav{
+	width:100%;
+	position:relative;
+	margin:-19px 0 0;
+}
+.add-nav ul{
+	margin:0;
+	padding:0;
+	list-style:none;
+}
+.add-nav ul li{
+	float:left;
+	padding:0 4px 0 32px;
+}
+.add-nav ul li a {
+	display:block;
+	width:150px;
+	height:212px;
+	position:relative;
+	cursor:pointer;
+}
+.add-nav ul li a img{
+	position:absolute;
+	top: 0;
+	left: 0;
+}
+.add-nav ul li a span{
+	position:absolute;
+	top:-15px;
+	left:-99999px;
+	display:none;
+}
+.add-nav ul li.hover a span{
+	display:block;
+	left:-15px;
+}
+.add-nav ul li em{
+	position:absolute;
+	top:236px;
+	width:16px;
+	height:13px;
+	overflow:hidden;
+	font-size:0;
+	line-height:0;
+}
+.add-nav ul li.add-simple em{left:166px;}
+.add-nav ul li.add-blog em{left:319px;}
+.add-nav ul li.add-personal em{left:471px;}
+.add-nav ul li.add-buisness em{left:624px;}
+.add-nav ul li.add-thanks em{left:776px;}
+.add-nav ul li:hover em,
+.add-nav ul li.hover em{background:url(../images/bul3.png) no-repeat;}
+.add-nav ul li:hover .drop-hold,
+.add-nav ul li.hover .drop-hold{display:block;}
+/* drop down */
+.drop-hold{
+	width:708px;
+	overflow:hidden;
+	position:absolute;
+	top:209px;
+	left:50%;
+	margin:0 0 0 -355px;
+	padding:40px 0 0;
+	display:none;
+}
+.drop-hold .c:after {
+	clear: both;
+	content:"";
+	display: block;
+}
+.drop-hold .c{
+	width:620px;
+	min-height:107px;
+	padding:16px 44px;
+	background:url(../images/bg-drop-c.gif) repeat-y;
+}
+* html .drop-hold .c{height:107px;}
+.drop-hold .t,
+.drop-hold .b{
+	width:100%;
+	overflow:hidden;
+	height:10px;
+	font-size:0;
+	line-height:0;
+}
+.drop-hold .t{background:url(../images/bg-drop-t.png) no-repeat;}
+.drop-hold .b{background:url(../images/bg-drop-b.png) no-repeat;}
+.drop-hold .title{
+	width:100%;
+	overflow:hidden;
+	padding:0 0 17px;
+}
+.drop-hold .title span{
+	display:block;
+	font-size:20px;
+	line-height:24px;
+	color:#3e0e03;
+}
+.drop-hold .hold{
+	width:100%;
+	overflow:hidden;
+	color:#3e0e03;
+}
+.drop-hold .box{
+	float:left;
+	width:280px;
+	padding:0 8px 0 0;
+}
+.add-nav .box ul{
+	margin:0;
+	padding:0;
+	list-style:none;
+	width:100%;
+	overflow:hidden;
+}
+.add-nav  .box ul li{
+	overflow:hidden;
+	height:1%;
+	vertical-align:top;
+	float:none;
+	padding:0 0 4px 13px;
+	color:#3e0e03;
+	background:url(../images/bul2.gif) no-repeat 0 7px;
+}
+
+/* basic starterkit grid*/
+ul.kits {
+    list-style: none;        
+}
+
+.thumbnails li {
+	float: left;
+	width: 256px;
+	margin: 0 30px 0 0;
+	background: #1f1f1f;
+	padding: 18px 22px;
+	border-radius: 10px;
+	position: relative;
+}
+
+.thumbnails li .overlay {
+	position: absolute;
+	bottom: 30px;
+	right: 32px;
+	background: #3388cc;
+	height: 16px;
+	color: #fff;
+	border-radius: 3px;
+	padding: 7px 15px;
+	cursor: pointer;
+	outline: 0;
+	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.05);
+	display: inline;
+	-moz-transition: background-color .25s ease-in-out;
+	-webkit-transition: background-color .25s ease-in-out;
+	-o-transition: background-color .25s ease-in-out;
+	-ms-transition: background-color .25s ease-in-out;
+	transition: background-color .25s ease-in-out;
+}
+
+.thumbnails li .overlay:hover {
+	background: #4398dc;
+}
+
+
+.thumbnails li.add-cwsstart {
+	margin: 0
+}
+
+.thumbnails li img {
+	width: 100%;
+	height: 143px;
+	background-color: #fff
+}
+
+
+
+.kits:after {
+	clear: both;
+	content:"";
+	display: block;
+}
+
+.declineKit {
+	color: #fff;
+	text-decoration: underline;
+	font-size: 14px;
+	margin-top: 20px;
+	display: block;
+	float: left;
+}
+
+/* Light box */
+
+.zoom-in {
+	background: #1f1f1f url(../Images/zoom-in.png) no-repeat 7px 7px;
+	width: 16px;
+	height: 16px;
+	position: absolute;
+	bottom: 30px;
+	left: 32px;
+	text-indent: -9999px;
+	border-radius: 3px;
+	padding: 7px;
+	-moz-transition: background-color .25s ease-in-out;
+	-webkit-transition: background-color .25s ease-in-out;
+	-o-transition: background-color .25s ease-in-out;
+	-ms-transition: background-color .25s ease-in-out;
+	transition: background-color .25s ease-in-out;
+}
+
+.zoom-in:hover {
+	background-color: #333
+}
+
+div.lb {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  z-index: 100
+}
+
+div.lb img {
+	position: absolute;
+   top: 10px;
+   left: 50%;
+   width: 960px;
+   height: auto;
+   margin-left: -480px; /* Half the width */
+}
+
+div.lb:target {
+  display: block;
+}
+
+/** IE doesn't support :target, so we use CSS expressions **/
+div.lb {
+  display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');
+}
+
+
+
+/* gallery */
+.gallery:after {
+	clear: both;
+	content:"";
+	display: block;
+}
+.gallery{
+	width:795px;
+	margin:0 0 0 17px;
+	position:relative;
+	min-height:300px;
+	padding:0 54px 0 77px;
+}
+* html .gallery{height:300px;}
+.gallery .hold{
+	width:100%;
+	position:relative;
+	padding:18px 0;
+}
+.gallery .gal-box{
+	width:99999px;
+	position:relative;
+}
+.gallery .box {
+	float:left;
+	width:796px;
+	background: none !important;
+}
+.gallery .box ul{
+	float:left;
+	display:inline;
+	margin:5px -18px 0 10px;
+	padding:0;
+	list-style:none;
+}
+.gallery .box ul li {
+	float:left;
+	width:152px;
+	height:129px;
+	position:relative;
+	padding:5px 48px 29px 0;
+}
+.gallery .box .image-hold {
+	float:left;
+	width:152px;
+	height: 129px;
+	margin: 0 -100px -100px 0;
+	position:relative;
+}
+.gallery .box .image-hold .faik-mask {
+	display: block;
+}
+.gallery .box .image{
+	position:absolute;
+	top:0;
+	left:0;
+	padding:7px 9px 19px 9px;
+}
+.gallery .box .image img {
+	display:block;
+	position:relative;
+}
+.gallery .box .faik-mask-ie6 {
+	position:absolute;
+	top:-9999px;
+	left:-9999px;
+}
+.gallery .btn-prev,
+.gallery .btn-next{
+	position:absolute;
+	top:152px;
+	height:30px;
+	width:30px;
+	overflow:hidden;
+	outline:none;
+}
+.gallery .btn-prev:hover,
+.gallery .btn-next:hover{border:none;}
+.gallery .btn-prev{left:0;}
+.gallery .btn-next{right:0;}
+.gallery .btn-prev span,
+.gallery .btn-next span{
+	float:left;
+	width:30px;
+	height:60px;
+	overflow:hidden;
+	text-indent:-9999px;
+}
+.gallery .btn-prev span{background:url(../images/btn-prev.png) no-repeat;}
+.gallery .btn-next span{background:url(../images/btn-next.png) no-repeat;}
+.gallery .btn-prev:hover span,
+.gallery .btn-next:hover span{margin:-30px 0 0;}
+/* gallery drop */
+.gal-drop {
+	position:absolute;
+	top:7px;
+	left:9px;
+	width:178px;
+}
+* html .gal-drop {
+	margin: -2px 0 0
+}
+.gal-drop a{
+	display:block;
+	width:100%;
+	overflow:hidden;
+}
+.gal-drop a:hover{border:none;}
+.gal-drop a span{
+	float:left;
+	width:178px;
+	overflow:hidden;
+	text-indent:-99999px;
+}
+.gal-drop .btn-preview{height:69px;}
+.gal-drop .btn-preview span{
+	height:138px;
+	background:url(../images/btn-preview.png) no-repeat;
+}
+.gal-drop .btn-preview:hover span{margin:-69px 0 0;}
+.gal-drop .btn-install-gal{height:68px;}
+.gal-drop .btn-install-gal span{
+	height:138px;
+	background:url(../images/btn-install-gal.png) no-repeat;
+}
+.gal-drop .btn-install-gal:hover span{margin:-68px 0 0;}
+/* paging */
+.paging{
+	width:100%;
+	overflow:hidden;
+	position:relative;
+}
+.w1{
+	float:left;
+	position:relative;
+	left:50%;
+}
+.w2{
+	float:left;
+	position:relative;
+	left:-50%;
+}
+.paging span{
+	float:left;
+	font-size:14px;
+	line-height:22px;
+	color:#fff;
+	padding:0 16px 0 0;
+}
+.paging ul{
+	float:left;
+	margin:0;
+	padding:0 90px 0 0;
+	list-style:none;
+}
+.paging ul li{
+	float:left;
+	padding:4px 7px 4px 7px;
+}
+.paging ul li a{
+	display:block;
+	font-size:11px;
+	line-height:13px;
+	font-weight:bold;
+	color:#fff;
+	width:16px;
+	height:16px;
+	padding:2px 0 0 2px;
+	text-align:center;
+	background:url(../images/bg-paging.png) no-repeat;
+}
+.paging ul li a:hover,
+.paging ul li.active a{
+	font-size:13px;
+	line-height:16px;
+	width:22px;
+	height:21px;
+	margin:-2px -2px -4px -3px;
+	position:relative;
+	color:#000;
+	padding:2px 0 0 1px;
+	text-decoration:none;
+	background:url(../images/bg-paging-h.png) no-repeat;
+}
+.container .alt{padding-top:7px;}
+/* lightbox */
+.lightbox{
+	width:870px;
+	overflow:hidden;
+	position:absolute;
+	top:-9999px;
+	left:-9999px;
+	padding:10px;
+	margin:0;
+	z-index: 999;
+}
+.lightbox .t,
+.lightbox .b{
+	width:100%;
+	overflow:hidden;
+	height:8px;
+	font-size:0;
+	line-height:0;
+}
+.lightbox .t{background:url(../images/bg-lightbox-t.png) no-repeat;}
+.lightbox .b{background:url(../images/bg-lightbox-b.png) no-repeat;}
+.lightbox .c{
+	width:824px;
+	overflow:hidden;
+	background:#ededed;
+	padding:9px 23px 35px 23px;
+}
+.lightbox .heading{
+	width:100%;
+	overflow:hidden;
+	padding:0 0 11px;
+}
+.lightbox .title{
+	display:block;
+	font-size:26px;
+	line-height:28px;
+	color:#000;
+	font-weight:bold;
+	padding:0 0 7px;
+}
+.lightbox .create{
+	display:block;
+	font-size:14px;
+	line-height:18px;
+	color:#5f5f5f;
+}
+.lightbox .create a{
+	font-weight:bold;
+	color:#5f5f5f;
+}
+.lightbox .carusel{
+	width:100%;
+	overflow:hidden;
+	border-top:1px solid #a5a5a5;
+	border-bottom:1px solid #a5a5a5;
+	padding:13px 0 15px;
+	position:relative;
+}
+.lightbox .carusel ul{
+	width:99999px;
+	margin:0;
+	padding:0;
+	list-style:none;
+}
+.lightbox .carusel ul li{
+	float:left;
+	padding:0 8px 0 0;
+}
+.lightbox .carusel ul li img{display:block;}
+.lightbox .btn-box{padding-top:27px;}
+.lightbox .btn-install{
+	display:block;
+	width:99px;
+	height:42px;
+	overflow:hidden;
+	text-indent:-99999px;
+	margin:0;
+	background:url(../images/btn-install.png) no-repeat;
+}
+.lightbox .btn-install:hover{background:url(../images/btn-install-hover.png) no-repeat;}
+.lightbox .btn-close{
+	position:absolute;
+	top:0;
+	right:0;
+	width:30px;
+	height:30px;
+	overflow:hidden;
+	text-indent:-99999px;
+	z-index:100;
+	background:url(../images/btn-close.png) no-repeat;
+}
+.btn-web{
+	width:100%;
+	overflow:hidden;
+	margin:0;
+	padding:15px 0 20px;
+	list-style:none;
+}
+.btn-web li{
+	float:left;
+	padding:0 13px 0 0;
+}
+.btn-web li a{
+	float:left;
+	height:42px;
+	overflow:hidden;
+	cursor:pointer;
+}
+.btn-web li a:hover{border:none;}
+.btn-web li a span{
+	float:left;
+	height:84px;
+	overflow:hidden;
+	text-indent:-99999px;
+}
+.btn-web li.btn-set a span{
+	width:248px;
+	background:url(../images/btn-set.png) no-repeat;
+}
+.btn-web li.btn-preview-web a span{
+	width:257px;
+	background:url(../images/btn-preview-web.png) no-repeat;
+}
+.btn-web li a:hover span{margin:-42px 0 0;}
+/* three columns */
+.threcol{
+	width:100%;
+	overflow:hidden;
+}
+.threcol .t{
+	width:100%;
+	overflow:hidden;
+	height:1px;
+	font-size:0;
+	line-height:0;
+	background:url(../images/sep1.png) repeat-x;
+}
+.threcol .hold{
+	width:100%;
+	overflow:hidden;
+	padding:24px 0 0;
+}
+.content .threcol h2{
+	margin:0 0 11px;
+	font-size:20px;
+	line-height:24px;
+	font-weight:bold;
+	color:#fff;
+}
+.col1{
+	float:left;
+	width:225px;
+	padding:0 57px 0 3px;
+}
+.content .threcol p{
+	margin:0 0 20px;
+	line-height:20px;
+}
+.content .threcol p span{display:block;}
+.content .threcol p a{
+	color:#fff;
+	text-decoration:underline;
+}
+.content .threcol p a:hover{text-decoration:none;}
+/* links box */
+.links{
+	width:100%;
+	overflow:hidden;
+}
+.links ul{
+	width:100%;
+	overflow:hidden;
+	margin:0;
+	padding:6px 0 14px;
+	list-style:none;
+}
+.links ul li{
+	overflow:hidden;
+	height:1%;
+	vertical-align:top;
+	padding:0 0 9px 11px;
+	font-size:14px;
+	line-height:16px;
+	background:url(../images/bul4.gif) no-repeat 0 5px;
+}
+.links ul li a{
+	color:#fff;
+	text-decoration:underline;
+}
+.links ul li a:hover{text-decoration:none;}
+.col2{
+	float:left;
+	width:301px;
+	padding:0 60px 0 0;
+}
+.col3{
+	float:left;
+	width:295px;
+}
+.box-software{
+	width:100%;
+	overflow:hidden;
+}
+.content .box-software p{
+	font-size:12px;
+	line-height:15px;
+	margin:0 0 15px;
+}
+.box-software p span{font-size:11px;}
+
+
+.ui-selectmenu {
+	border: none !important;
+	display:block !important;
+	width:310px !important;
+	height: 29px;
+	overflow:hidden;
+	font-size:13px;
+	line-height:29px;
+	background:none;
+}
+.ui-selectmenu:focus {
+	outline: 1px dotted #000;
+}
+.ui-selectmenu-status {
+	float:left;
+	height: 29px;
+	width:266px;
+	padding:0 10px;
+	color: #000;
+	font-weight:normal;
+	background:url(../images/select-left-2.png) no-repeat;
+}
+.ui-state-default .ui-icon {
+	position:static;
+	float:right;
+	width:24px;
+	height: 29px;
+	background:url(../images/select-button.png) no-repeat;
+}
+.ui-selectmenu-menu {
+	position:absolute;
+	top: 0;
+	left: 0;
+	visibility: hidden;
+	border-radius: 0 !important;
+	-moz-border-radius: 0 !important;
+	-webkit-border-radius: 0 !important;
+}
+.ui-selectmenu-open {
+	visibility: visible;
+}
+.ui-selectmenu-menu li {
+	font-weight:normal !important;
+	border: none !important;
+}
+
+.summary li{margin-bottom: 20px; display: block;}
+.summary a{color: White;display:block;font-weight:bold;}
+
+.error {padding:0 100px 13px 5px}
+.error p{margin:0 0 13px;padding-right:100px;}
+.error p strong {font-size:14px;display:block;}
+
+/* db step refactor */
+.database-option, footer.installbtn
+{
+    display:none;
+}
+
+.database-hold{
+	width:100%;
+	overflow:hidden;
+}
+
+.step.rendering-engine input[type="radio"] {
+    margin: 0px 5px 0px 5px;
+}
+
+.step.rendering-engine > div {
+    line-height: 25px;
+}
+
+.upgrade-report {
+    padding: 10px;
+    border-collapse: separate;
+    border-spacing: inherit;
+    line-height: 20px;
+    background: #361919;
+    background: rgba(255, 255, 255, 0.15);
+    -moz-border-radius: 20px;
+    -webkit-border-radius: 20px;
+    border-radius: 20px;
+    width: 920px;
+}
+
+.upgrade-report td {
+    padding-bottom: 5px;
+    padding-left: 5px;
+    padding-right: 10px;
+}
+.upgrade-report td.msg {    
+    vertical-align: middle;
+}
+
+.upgrade-report td.icon span {
+    margin-top: 5px;    
+    display: block;
 }
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI/umbraco_client/Installer/css/form.css b/src/Umbraco.Web.UI/umbraco_client/Installer/css/form.css
index 2f1485b14e..6985e5dcf9 100644
--- a/src/Umbraco.Web.UI/umbraco_client/Installer/css/form.css
+++ b/src/Umbraco.Web.UI/umbraco_client/Installer/css/form.css
@@ -1,77 +1,77 @@
-.outtaHere {
-	position:absolute;
-	left:-3000px;
-}
-/* Selects */
-.selectArea {
-	position: relative;
-	height: 29px;
-	float:left;
-	color:#000;
-	font-size:13px;
-	line-height:29px;
-}
-.selectArea .left {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width:15px;
-	height:29px;
-	background: url(../images/select-left.png) no-repeat;
-	display: block;
-}
-.selectArea a.selectButton {
-	position: absolute;
-	top: 0;
-	right: 0;
-	width:310px;
-	height:29px;
-	background: url(../images/select-button.png) no-repeat;
-}
-.selectArea .center{
-	height: 29px;
-	line-height:28px;
-	display:block;
-	margin:0 24px 0 15px;
-	background: url(../images/select-center.png) repeat-x;
-}
-.selectArea .center img {
-	float:left;
-}
-/*Selects drop-down*/
-.optionsDivInvisible,
-.optionsDivVisible {
-	position: absolute;
-	background-color: #fff;
-	border: 1px solid #896e68;
-	display: block;
-	z-index: 30;
-	font-size: 11px;
-}
-.optionsDivInvisible {display: none;}
-.optionsDivVisible ul {
-	margin:0;
-	padding:0;
-	overflow:hidden;
-	width:100%;
-	list-style: none;
-}
-.optionsDivVisible ul li {
-	float:left;
-	width:100%;
-}
-.optionsDivVisible a {
-	color: #000;
-	overflow:hidden;
-	text-decoration: none;
-	display: block;
-	height:1%;
-	padding: 3px 5px;
-}
-.optionsDivVisible a img {
-	border:none;
-	float:left;
-}
-.optionsDivVisible a:hover {
-	text-decoration:underline;
+.outtaHere {
+	position:absolute;
+	left:-3000px;
+}
+/* Selects */
+.selectArea {
+	position: relative;
+	height: 29px;
+	float:left;
+	color:#000;
+	font-size:13px;
+	line-height:29px;
+}
+.selectArea .left {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width:15px;
+	height:29px;
+	background: url(../images/select-left.png) no-repeat;
+	display: block;
+}
+.selectArea a.selectButton {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width:310px;
+	height:29px;
+	background: url(../images/select-button.png) no-repeat;
+}
+.selectArea .center{
+	height: 29px;
+	line-height:28px;
+	display:block;
+	margin:0 24px 0 15px;
+	background: url(../images/select-center.png) repeat-x;
+}
+.selectArea .center img {
+	float:left;
+}
+/*Selects drop-down*/
+.optionsDivInvisible,
+.optionsDivVisible {
+	position: absolute;
+	background-color: #fff;
+	border: 1px solid #896e68;
+	display: block;
+	z-index: 30;
+	font-size: 11px;
+}
+.optionsDivInvisible {display: none;}
+.optionsDivVisible ul {
+	margin:0;
+	padding:0;
+	overflow:hidden;
+	width:100%;
+	list-style: none;
+}
+.optionsDivVisible ul li {
+	float:left;
+	width:100%;
+}
+.optionsDivVisible a {
+	color: #000;
+	overflow:hidden;
+	text-decoration: none;
+	display: block;
+	height:1%;
+	padding: 3px 5px;
+}
+.optionsDivVisible a img {
+	border:none;
+	float:left;
+}
+.optionsDivVisible a:hover {
+	text-decoration:underline;
 }
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI/umbraco_client/Installer/css/jquery-ui-1.8.6.custom.css b/src/Umbraco.Web.UI/umbraco_client/Installer/css/jquery-ui-1.8.6.custom.css
index fd77ff65cb..ab2b9c8f1b 100644
--- a/src/Umbraco.Web.UI/umbraco_client/Installer/css/jquery-ui-1.8.6.custom.css
+++ b/src/Umbraco.Web.UI/umbraco_client/Installer/css/jquery-ui-1.8.6.custom.css
@@ -1,305 +1,305 @@
-/*
- * jQuery UI CSS Framework 1.8.6
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Theming/API
- */
-
-/* Layout helpers
-----------------------------------*/
-.ui-helper-hidden { display: none; }
-.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
-.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
-.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-.ui-helper-clearfix { display: inline-block; }
-/* required comment for clearfix to work in Opera \*/
-* html .ui-helper-clearfix { height:1%; }
-.ui-helper-clearfix { display:block; }
-/* end clearfix */
-.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
-
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-disabled { cursor: default !important; }
-
-
-/* Icons
-----------------------------------*/
-
-/* states and images */
-.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
-
-
-/* Misc visuals
-----------------------------------*/
-
-/* Overlays */
-.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
-
-
-/*
- * jQuery UI CSS Framework 1.8.6
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Theming/API
- *
- * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
- */
-
-
-/* Component containers
-----------------------------------*/
-.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
-.ui-widget .ui-widget { font-size: 1em; }
-.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
-.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
-.ui-widget-content a { color: #333333; }
-.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
-.ui-widget-header a { color: #ffffff; }
-
-/* Interaction states
-----------------------------------*/
-.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
-.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
-.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
-.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
-.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
-.ui-widget :active { outline: none; }
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(../images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
-.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
-.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
-.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
-.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
-.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
-.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
-.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
-
-/* Icons
-----------------------------------*/
-
-/* states and images */
-.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
-.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
-.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_ffffff_256x240.png); }
-.ui-state-default .ui-icon { background-image: url(../images/ui-icons_ef8c08_256x240.png); }
-.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_ef8c08_256x240.png); }
-.ui-state-active .ui-icon {background-image: url(../images/ui-icons_ef8c08_256x240.png); }
-.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_228ef1_256x240.png); }
-.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_ffd27a_256x240.png); }
-
-/* positioning */
-.ui-icon-carat-1-n { background-position: 0 0; }
-.ui-icon-carat-1-ne { background-position: -16px 0; }
-.ui-icon-carat-1-e { background-position: -32px 0; }
-.ui-icon-carat-1-se { background-position: -48px 0; }
-.ui-icon-carat-1-s { background-position: -64px 0; }
-.ui-icon-carat-1-sw { background-position: -80px 0; }
-.ui-icon-carat-1-w { background-position: -96px 0; }
-.ui-icon-carat-1-nw { background-position: -112px 0; }
-.ui-icon-carat-2-n-s { background-position: -128px 0; }
-.ui-icon-carat-2-e-w { background-position: -144px 0; }
-.ui-icon-triangle-1-n { background-position: 0 -16px; }
-.ui-icon-triangle-1-ne { background-position: -16px -16px; }
-.ui-icon-triangle-1-e { background-position: -32px -16px; }
-.ui-icon-triangle-1-se { background-position: -48px -16px; }
-.ui-icon-triangle-1-s { background-position: -64px -16px; }
-.ui-icon-triangle-1-sw { background-position: -80px -16px; }
-.ui-icon-triangle-1-w { background-position: -96px -16px; }
-.ui-icon-triangle-1-nw { background-position: -112px -16px; }
-.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
-.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
-.ui-icon-arrow-1-n { background-position: 0 -32px; }
-.ui-icon-arrow-1-ne { background-position: -16px -32px; }
-.ui-icon-arrow-1-e { background-position: -32px -32px; }
-.ui-icon-arrow-1-se { background-position: -48px -32px; }
-.ui-icon-arrow-1-s { background-position: -64px -32px; }
-.ui-icon-arrow-1-sw { background-position: -80px -32px; }
-.ui-icon-arrow-1-w { background-position: -96px -32px; }
-.ui-icon-arrow-1-nw { background-position: -112px -32px; }
-.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
-.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
-.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
-.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
-.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
-.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
-.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
-.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
-.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
-.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
-.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
-.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
-.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
-.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
-.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
-.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
-.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
-.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
-.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
-.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
-.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
-.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
-.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
-.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
-.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
-.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
-.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
-.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
-.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
-.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
-.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
-.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
-.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
-.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
-.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
-.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
-.ui-icon-arrow-4 { background-position: 0 -80px; }
-.ui-icon-arrow-4-diag { background-position: -16px -80px; }
-.ui-icon-extlink { background-position: -32px -80px; }
-.ui-icon-newwin { background-position: -48px -80px; }
-.ui-icon-refresh { background-position: -64px -80px; }
-.ui-icon-shuffle { background-position: -80px -80px; }
-.ui-icon-transfer-e-w { background-position: -96px -80px; }
-.ui-icon-transferthick-e-w { background-position: -112px -80px; }
-.ui-icon-folder-collapsed { background-position: 0 -96px; }
-.ui-icon-folder-open { background-position: -16px -96px; }
-.ui-icon-document { background-position: -32px -96px; }
-.ui-icon-document-b { background-position: -48px -96px; }
-.ui-icon-note { background-position: -64px -96px; }
-.ui-icon-mail-closed { background-position: -80px -96px; }
-.ui-icon-mail-open { background-position: -96px -96px; }
-.ui-icon-suitcase { background-position: -112px -96px; }
-.ui-icon-comment { background-position: -128px -96px; }
-.ui-icon-person { background-position: -144px -96px; }
-.ui-icon-print { background-position: -160px -96px; }
-.ui-icon-trash { background-position: -176px -96px; }
-.ui-icon-locked { background-position: -192px -96px; }
-.ui-icon-unlocked { background-position: -208px -96px; }
-.ui-icon-bookmark { background-position: -224px -96px; }
-.ui-icon-tag { background-position: -240px -96px; }
-.ui-icon-home { background-position: 0 -112px; }
-.ui-icon-flag { background-position: -16px -112px; }
-.ui-icon-calendar { background-position: -32px -112px; }
-.ui-icon-cart { background-position: -48px -112px; }
-.ui-icon-pencil { background-position: -64px -112px; }
-.ui-icon-clock { background-position: -80px -112px; }
-.ui-icon-disk { background-position: -96px -112px; }
-.ui-icon-calculator { background-position: -112px -112px; }
-.ui-icon-zoomin { background-position: -128px -112px; }
-.ui-icon-zoomout { background-position: -144px -112px; }
-.ui-icon-search { background-position: -160px -112px; }
-.ui-icon-wrench { background-position: -176px -112px; }
-.ui-icon-gear { background-position: -192px -112px; }
-.ui-icon-heart { background-position: -208px -112px; }
-.ui-icon-star { background-position: -224px -112px; }
-.ui-icon-link { background-position: -240px -112px; }
-.ui-icon-cancel { background-position: 0 -128px; }
-.ui-icon-plus { background-position: -16px -128px; }
-.ui-icon-plusthick { background-position: -32px -128px; }
-.ui-icon-minus { background-position: -48px -128px; }
-.ui-icon-minusthick { background-position: -64px -128px; }
-.ui-icon-close { background-position: -80px -128px; }
-.ui-icon-closethick { background-position: -96px -128px; }
-.ui-icon-key { background-position: -112px -128px; }
-.ui-icon-lightbulb { background-position: -128px -128px; }
-.ui-icon-scissors { background-position: -144px -128px; }
-.ui-icon-clipboard { background-position: -160px -128px; }
-.ui-icon-copy { background-position: -176px -128px; }
-.ui-icon-contact { background-position: -192px -128px; }
-.ui-icon-image { background-position: -208px -128px; }
-.ui-icon-video { background-position: -224px -128px; }
-.ui-icon-script { background-position: -240px -128px; }
-.ui-icon-alert { background-position: 0 -144px; }
-.ui-icon-info { background-position: -16px -144px; }
-.ui-icon-notice { background-position: -32px -144px; }
-.ui-icon-help { background-position: -48px -144px; }
-.ui-icon-check { background-position: -64px -144px; }
-.ui-icon-bullet { background-position: -80px -144px; }
-.ui-icon-radio-off { background-position: -96px -144px; }
-.ui-icon-radio-on { background-position: -112px -144px; }
-.ui-icon-pin-w { background-position: -128px -144px; }
-.ui-icon-pin-s { background-position: -144px -144px; }
-.ui-icon-play { background-position: 0 -160px; }
-.ui-icon-pause { background-position: -16px -160px; }
-.ui-icon-seek-next { background-position: -32px -160px; }
-.ui-icon-seek-prev { background-position: -48px -160px; }
-.ui-icon-seek-end { background-position: -64px -160px; }
-.ui-icon-seek-start { background-position: -80px -160px; }
-/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
-.ui-icon-seek-first { background-position: -80px -160px; }
-.ui-icon-stop { background-position: -96px -160px; }
-.ui-icon-eject { background-position: -112px -160px; }
-.ui-icon-volume-off { background-position: -128px -160px; }
-.ui-icon-volume-on { background-position: -144px -160px; }
-.ui-icon-power { background-position: 0 -176px; }
-.ui-icon-signal-diag { background-position: -16px -176px; }
-.ui-icon-signal { background-position: -32px -176px; }
-.ui-icon-battery-0 { background-position: -48px -176px; }
-.ui-icon-battery-1 { background-position: -64px -176px; }
-.ui-icon-battery-2 { background-position: -80px -176px; }
-.ui-icon-battery-3 { background-position: -96px -176px; }
-.ui-icon-circle-plus { background-position: 0 -192px; }
-.ui-icon-circle-minus { background-position: -16px -192px; }
-.ui-icon-circle-close { background-position: -32px -192px; }
-.ui-icon-circle-triangle-e { background-position: -48px -192px; }
-.ui-icon-circle-triangle-s { background-position: -64px -192px; }
-.ui-icon-circle-triangle-w { background-position: -80px -192px; }
-.ui-icon-circle-triangle-n { background-position: -96px -192px; }
-.ui-icon-circle-arrow-e { background-position: -112px -192px; }
-.ui-icon-circle-arrow-s { background-position: -128px -192px; }
-.ui-icon-circle-arrow-w { background-position: -144px -192px; }
-.ui-icon-circle-arrow-n { background-position: -160px -192px; }
-.ui-icon-circle-zoomin { background-position: -176px -192px; }
-.ui-icon-circle-zoomout { background-position: -192px -192px; }
-.ui-icon-circle-check { background-position: -208px -192px; }
-.ui-icon-circlesmall-plus { background-position: 0 -208px; }
-.ui-icon-circlesmall-minus { background-position: -16px -208px; }
-.ui-icon-circlesmall-close { background-position: -32px -208px; }
-.ui-icon-squaresmall-plus { background-position: -48px -208px; }
-.ui-icon-squaresmall-minus { background-position: -64px -208px; }
-.ui-icon-squaresmall-close { background-position: -80px -208px; }
-.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
-.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
-.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
-.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
-.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
-.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
-
-
-/* Misc visuals
-----------------------------------*/
-
-/* Corner radius */
-.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
-.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
-.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
-.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
-.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
-.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
-.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
-.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
-.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
-
-/* Overlays */
-.ui-widget-overlay { background: #666666 url(../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
-.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
- * jQuery UI Progressbar 1.8.6
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Progressbar#theming
- */
-.ui-progressbar { height:2em; text-align: left; }
+/*
+ * jQuery UI CSS Framework 1.8.6
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+/*
+ * jQuery UI CSS Framework 1.8.6
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
+ */
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
+.ui-widget .ui-widget { font-size: 1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
+.ui-widget-content a { color: #333333; }
+.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
+.ui-widget-header a { color: #ffffff; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
+.ui-widget :active { outline: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(../images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_ffffff_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(../images/ui-icons_ef8c08_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_ef8c08_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(../images/ui-icons_ef8c08_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_228ef1_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_ffd27a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
+.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #666666 url(../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
+.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
+ * jQuery UI Progressbar 1.8.6
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Progressbar#theming
+ */
+.ui-progressbar { height:2em; text-align: left; }
 .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI/umbraco_client/Installer/css/lt7.css b/src/Umbraco.Web.UI/umbraco_client/Installer/css/lt7.css
index 88bfc8ab43..97d7edfed8 100644
--- a/src/Umbraco.Web.UI/umbraco_client/Installer/css/lt7.css
+++ b/src/Umbraco.Web.UI/umbraco_client/Installer/css/lt7.css
@@ -1,174 +1,174 @@
-* html body{width: expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto");}
-#header{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-header.png', sizingmethod='scale');
-}
-.tabset .b{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/sep1.png', sizingmethod='scale');
-}
-.tabset ul li.active em{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bul1.png', sizingmethod='crop');
-}
-.btn-box .t{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/sep1.png', sizingmethod='scale');
-}
-.btn-get span{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-get.png', sizingmethod='crop');
-}
-.btn-accept span{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-accept.png', sizingmethod='crop');
-}
-.mini-tabset li.btn-yes a span{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-yes.png', sizingmethod='crop');
-}
-.mini-tabset li.btn-no a span{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-no.png', sizingmethod='crop');
-}
-.selectArea a.selectButton{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/select-button.png', sizingmethod='crop');
-}
-.selectArea .left{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/select-left.png', sizingmethod='crop');
-}
-.selectArea .center{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/select-center.png', sizingmethod='scale');
-}
-.instruction-hold .row span{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-inp.png', sizingmethod='crop');
-}
-.btn-continue span{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-continue.png', sizingmethod='crop');
-}
-.instruction-hold .error span{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-inp-error.png', sizingmethod='crop');
-}
-.validaing{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/ico-validaing.png', sizingmethod='crop') !important;
-}
-.invalidaing{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/ico-invalidaing.png', sizingmethod='crop') !important;
-}
-.drop-hold .t{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-drop-t.png', sizingmethod='crop');
-}
-.drop-hold .b{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-drop-b.png', sizingmethod='crop');
-}
-.add-nav ul li.hover em{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bul3.png', sizingmethod='crop');
-}
-.gallery .btn-prev span{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-prev.png', sizingmethod='crop');
-}
-.gallery .btn-next span{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-next.png', sizingmethod='crop');
-}
-.gal-drop .btn-preview span{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-preview.png', sizingmethod='crop');
-}
-.gal-drop .btn-install-gal span{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-install-gal.png', sizingmethod='crop');
-}
-.paging ul li a{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-paging.png', sizingmethod='crop');
-}
-.paging ul li a:hover,
-.paging ul li.active a{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-paging-h.png', sizingmethod='crop');
-}
-.lightbox .t{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-lightbox-t.png', sizingmethod='crop');
-}
-.lightbox .b{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-lightbox-b.png', sizingmethod='crop');
-}
-.lightbox .btn-install{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-install.png', sizingmethod='crop');
-}
-.lightbox .btn-install:hover{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-install-hover.png', sizingmethod='crop');
-}
-.lightbox .btn-close{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-close.png', sizingmethod='crop');
-}
-.btn-web li.btn-set a span{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-set.png', sizingmethod='crop');
-}
-.btn-web li.btn-preview-web a span{
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-preview-web.png', sizingmethod='crop');
-}
-.threcol .t{
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/sep1.png', sizingmethod='scale');
-}
-.gallery .box {
-	filter: none !important;
-}
-.btn-box .btn-install span {
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-install.png', sizingmethod='crop');
-}
-.ui-selectmenu-status {
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/select-left-2.png', sizingmethod='crop');
-}
-.ui-state-default .ui-icon {
-	cursor: pointer;
-	background:url(../images/none.gif);
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/select-button.png', sizingmethod='crop');
-}
-.btn-box .btn-create span {
-	background:url(../images/none.gif);
-	cursor:pointer;
-	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-create.png', sizingmethod='crop');
+* html body{width: expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto");}
+#header{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-header.png', sizingmethod='scale');
+}
+.tabset .b{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/sep1.png', sizingmethod='scale');
+}
+.tabset ul li.active em{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bul1.png', sizingmethod='crop');
+}
+.btn-box .t{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/sep1.png', sizingmethod='scale');
+}
+.btn-get span{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-get.png', sizingmethod='crop');
+}
+.btn-accept span{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-accept.png', sizingmethod='crop');
+}
+.mini-tabset li.btn-yes a span{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-yes.png', sizingmethod='crop');
+}
+.mini-tabset li.btn-no a span{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-no.png', sizingmethod='crop');
+}
+.selectArea a.selectButton{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/select-button.png', sizingmethod='crop');
+}
+.selectArea .left{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/select-left.png', sizingmethod='crop');
+}
+.selectArea .center{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/select-center.png', sizingmethod='scale');
+}
+.instruction-hold .row span{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-inp.png', sizingmethod='crop');
+}
+.btn-continue span{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-continue.png', sizingmethod='crop');
+}
+.instruction-hold .error span{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-inp-error.png', sizingmethod='crop');
+}
+.validaing{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/ico-validaing.png', sizingmethod='crop') !important;
+}
+.invalidaing{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/ico-invalidaing.png', sizingmethod='crop') !important;
+}
+.drop-hold .t{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-drop-t.png', sizingmethod='crop');
+}
+.drop-hold .b{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-drop-b.png', sizingmethod='crop');
+}
+.add-nav ul li.hover em{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bul3.png', sizingmethod='crop');
+}
+.gallery .btn-prev span{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-prev.png', sizingmethod='crop');
+}
+.gallery .btn-next span{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-next.png', sizingmethod='crop');
+}
+.gal-drop .btn-preview span{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-preview.png', sizingmethod='crop');
+}
+.gal-drop .btn-install-gal span{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-install-gal.png', sizingmethod='crop');
+}
+.paging ul li a{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-paging.png', sizingmethod='crop');
+}
+.paging ul li a:hover,
+.paging ul li.active a{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-paging-h.png', sizingmethod='crop');
+}
+.lightbox .t{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-lightbox-t.png', sizingmethod='crop');
+}
+.lightbox .b{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/bg-lightbox-b.png', sizingmethod='crop');
+}
+.lightbox .btn-install{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-install.png', sizingmethod='crop');
+}
+.lightbox .btn-install:hover{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-install-hover.png', sizingmethod='crop');
+}
+.lightbox .btn-close{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-close.png', sizingmethod='crop');
+}
+.btn-web li.btn-set a span{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-set.png', sizingmethod='crop');
+}
+.btn-web li.btn-preview-web a span{
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-preview-web.png', sizingmethod='crop');
+}
+.threcol .t{
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/sep1.png', sizingmethod='scale');
+}
+.gallery .box {
+	filter: none !important;
+}
+.btn-box .btn-install span {
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-install.png', sizingmethod='crop');
+}
+.ui-selectmenu-status {
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/select-left-2.png', sizingmethod='crop');
+}
+.ui-state-default .ui-icon {
+	cursor: pointer;
+	background:url(../images/none.gif);
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/select-button.png', sizingmethod='crop');
+}
+.btn-box .btn-create span {
+	background:url(../images/none.gif);
+	cursor:pointer;
+	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../umbraco_client/installer/images/btn-create.png', sizingmethod='crop');
 }
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI/umbraco_client/Installer/css/reset.css b/src/Umbraco.Web.UI/umbraco_client/Installer/css/reset.css
index f9c753051d..ca6e8c9421 100644
--- a/src/Umbraco.Web.UI/umbraco_client/Installer/css/reset.css
+++ b/src/Umbraco.Web.UI/umbraco_client/Installer/css/reset.css
@@ -1,52 +1,52 @@
-/* v1.0 | 20080212 */
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	outline: 0;
-	font-size: 100%;
-	vertical-align: baseline;
-	background: transparent;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-
-/* remember to define focus styles! */
-:focus {
-	outline: 0;
-}
-
-/* remember to highlight inserts somehow! */
-ins {
-	text-decoration: none;
-}
-del {
-	text-decoration: line-through;
-}
-
-/* tables still need 'cellspacing="0"' in the markup */
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
+/* v1.0 | 20080212 */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	background: transparent;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
diff --git a/src/Umbraco.Web.UI/umbraco_client/Installer/images/close.png b/src/Umbraco.Web.UI/umbraco_client/Installer/images/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..f5f42a56d419e442cfb26d57af735b3c8f443e7b
GIT binary patch
literal 1284
zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE;=WQl7;NpOBzNqJ&XDuZK6ep0G}
zXKrG8YEWuoN@d~6R2v2cX64L~h>{3jAFJg2T)jk)8oi3#0-$aN1{?c|g2d$P)DnfH
z)bz|eTc!8A_bVx6rr0WloBA5~7C5J7WO`H;r3P2|g(O#HCtIc{+1n}DR9FEG$W1Lt
zRH(?!$t$+1uvG$^YXxM3g!Ppaz)DK8ZIvL7itr6kaLzAERWQ{v)lD`qG*K|O)H5_S
zG_f$$Q7|$vG}bpT);BcPH8ip^u(UEXRe%B|plwAdX;wilZcw{`JX@uVl9B=|ef{$C
za=mh6z5JqdeM3u2OML?)eIp}XpbFjM%Dj@q3f;V7Wta&rsl~}fnFS@8`FRQ;6BCp2
zOG|8(fG&l2A-4c-Y+f-mn1BJMUy)d#Z>VPg@)As;uP=V3xw&xF#U(+h2=`(&xHzP;
zAXPsowK%`DC>a=WY04n03ap%qQWHz^i$e1Ab6}wukda@KU!0L&py2GRpy8XCoS6sW
zYl1cS`dWGB6_+IDC8v72*eU^y(96tBu`)6=v2?X?wlH?Fa5FS?HFk8eG_i0qu`oAt
zGjcR=Gl%JQ$xklLP0cHT=}kfCwZy3xlooOefHu3N7G;*DrnnX5=PH2xY?X<{EoLsR
z=FS!dAoDD+y9J^*1&dptdL41<)dxC89~84lF%1&}CLa(Jo^F90c*;-B119$(V7k70
z+ar*HfwA1v#WAGf)|M#;^;jGQ+SV$byAxiJ#vga^tbmSL^%JE>PaY|%C|9t4b9(gR
zmEfG5q=^%94mqaDa#(Nb**|IjWUtjXJyS|Qsm9iahx%VFDOdEpY?sW_sKs&6L}J-J
zrs)r4<}^GBU!wA5MMJwu{hek}`+W=c888Um2>X5X0h39l_(2|tK)c@w>@`2*cPuZf
zXUR@Du)<+W>4znMl()Z|b1Lg2mq@RR-Qor79*M;sax8HFDA{A^a4XPAXzC8N&xHcU
z-`t8iBSLrQtT^C2p}}(L*<kB{ThqGMcLXdJTs_a%Fu+Z^#plhI7Q1za#9z59-MM7(
z)ob#+npI13&$&i_s5!smn!w}UW9u%i-{kdblCET(;Pv?5PoI3S5$%!w%x87#UBKt|
z?!WKCidLMuqFUc@vuD!!|G$D=W}o?`X=`t0Yk%Y4)zy~`-@o!riM4%QI3d=2w+&xV
z+UY8pe_wwVt=S}BxtMX<-yduKvApr@U0?2$Qg>$Sfv&%T2@Jd+v+}Cat$0A?lBcVm
J%Q~loCIH0j(C+{M

literal 0
HcmV?d00001

diff --git a/src/Umbraco.Web.UI/umbraco_client/Installer/images/zoom-in.png b/src/Umbraco.Web.UI/umbraco_client/Installer/images/zoom-in.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc6b38a280fd066541a7bf60ed6dddb34f271324
GIT binary patch
literal 1207
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`k|nMYCBgY=CFO}lsSJ)O`AMk?
zp1FzXsX?iUDV2pMQ*9U+n3Xd_B1$5BeXNr6bM+EIYV;~{3xK*A7;Nk-3KEmEQ%e+*
zQqwc@Y?a>c-mj#PnPRIHZt82`Ti~3Uk?B!Ylp0*+7m{3+ootz+WN)WnQ(*-(AUCxn
zQK2F?C$HG5!d3}vt`(3C64qBz04piUwpD^SD#ABF!8yMuRl!uxR5#hc&_u!9QqR!T
z(8R(}N5ROz&{*HVSl`fC*U-qyz|zXlQ~?T<fVLH-q*(>IxIyg#@@$ndN=gc>^!3Zj
z%k|2Q_413-^$jg8E%gnI^o@*kfhu&1EAvVcD|GXUm0>2hq!uR^WfqiV=I1GZOiWD5
zFD<cE0=g99h1>$Tv3bSNU;+l1ennz|zM-B0$V)JVzP|XC=H|jx7ncO3BHWAB;Np<V
zf>iyW)Z+ZoqGVvir744~DzI`cN=+=uFAB-e&w+(vKt_H^esM;Afr7KMf`)Hma%LWg
zuL;)R>ucqiS6q^qmz?V9Vygr+LN7Bj#mdOg#M0Hm+1c2|!p+do)!5O=(!|2e#KPRn
z&B)Qf%^arJB|o_|H#M&WrZ)wl*9E6uP+G_>0NU)5T9jFqn&MWJpQ`}&vsET;w>aW7
z52`l>w_BWW>eUB2MjsTjNHGl)0wy026P|8?9C*r4%>yR)B4E1yWY?y_z`&^G>Eakt
zacjz?^IlAWBFEnMaH^`XEbA8A+pOzc+c>S!MgM_cfu^of*4sk|rfv(5;&|N5a`Bi#
z#!J87$txazx%-1pW}T@Id)=A6&uhM08yEMByG{(8$ZlG|#5c2=mGMPGXW?O~3C17f
z{>pAETldBO#3PY4ntRw&H@JHx9GG=AB(_;*Mo_`avVfQXW9G`-f}>6kWFidb2klfW
zHox_t@uU}1bMiAe)#o?E5ADCh8u@|E>A~!?9+UkI*d?78s*5L0YQ36!(lYzQp+kc6
zHN~9Yx$a?dT{nN}LQ{#r2>%PQCbhO6tfjrZGqTqNZ)W-J$(G5UW8JJ$$X=7Hu=tOl
z@hR{0`<vC?Wy>{)Ni?&z`Y$-y`PND;SNQYU{SP;9KJsQiTT&7Cz5`#kGcYr7JkRSa
St#Gjg6(ydoelF{r5}E)d)|?Ii

literal 0
HcmV?d00001