New style partially complete

Web/Views/CreateLog/Confirm.cshtml

@@ -2,13 +2,13 @@
 
 @{
     ViewBag.Title = "Confirm";
-    ViewBag.PageStyle = "~/Content/CreateLog/Index.css";
     Layout = "~/Views/Shared/_Layout.cshtml";
 	var endOdometerStyle = Model.PreviousOdometer != null ? "style=padding-bottom:0px;" : "";
 }
 @section Styles
 {
     <link href="@Url.Content("~/Content/VehicleColors.css")" rel="stylesheet" type="text/css" />    
+    <link href="@Url.Content("~/Content/CreateLog.Index.css")" rel="stylesheet" type="text/css" />    
 }
 
 @using (Html.BeginForm("Action", "CreateLog", FormMethod.Post))

Web/Views/CreateLog/Index.cshtml

@@ -2,12 +2,11 @@
 @{
     
     ViewBag.Title = "Enter Mileage Log";
-    ViewBag.PageStyle = "~/Content/CreateLog.Index.css";
     Layout = "~/Views/Shared/_Layout.cshtml";
 }
 @section Styles
 {
-    <link href="@Url.Content("~/Content/jquery.qtip.min.css")" rel="stylesheet" type="text/css" />
+    <link href="@Url.Content("~/Content/jquery.qtip.min.css")" rel="stylesheet" type="text/css" /> 
 }
 @section Scripts
 {
@@ -16,14 +15,16 @@
     <script src="@Url.Content("~/Scripts/jquery.qtip.min.js")" type="text/javascript"></script>
 }
 
-@using (Html.BeginForm("Index", "CreateLog", FormMethod.Post))
+@using (Html.BeginForm("Index", "CreateLog", FormMethod.Post, new { @class = "form-horizontal" }))
 {
-     @:<fieldset>
+    <fieldset>
         <legend>@ViewBag.Title</legend>
         @Html.ValidationSummary(true)
         @Html.EditorForModel()
-        <div class="submit">
-            <input type="submit" value="Submit" />
+        <div class="control-group">
+            <div class="controls">
+                <input type="submit" value="Submit" class="btn btn-primary" />
+            </div>
         </div>
-     @:</fieldset>
+    </fieldset>
 }

Web/Views/CreateLog/RecentLogs.cshtml

@@ -4,8 +4,8 @@
 
 @if (Model.Any())
 {
-	<h4>Recent Logs for @ViewData["employeeName"]</h4>
-	<table>
+	<h5>Recent Logs for @ViewData["employeeName"]</h5>
+	<table class="table">
 		<thead>
 			<tr>
 				<th>
@@ -43,5 +43,12 @@
 }
 else
 {
-    <h4>Mileage history not found for for "@ViewData["employeeName"]"</h4>
+    if (!string.IsNullOrEmpty(ViewData["employeeName"].ToString()))
+    {
+        <h5>Mileage history not found for employee "@ViewData["employeeName"]"</h5>
+    }
+    else
+    {
+        <h5>Please enter employee name</h5>
+    }
 }

Web/Views/CreateLog/Success.cshtml

@@ -2,9 +2,14 @@
 @{
     
     ViewBag.Title = "Success";
-    ViewBag.PageStyle = "~/Content/CreateLog/Index.css";
     Layout = "~/Views/Shared/_Layout.cshtml";
 }
+
+@section Styles
+{
+    <link href="@Url.Content("~/Content/CreateLog.Index.css")" rel="stylesheet" type="text/css" />
+}
+
 @{
     @:<fieldset>
         <legend>@ViewBag.Title</legend>
@@ -16,7 +21,7 @@
     in VehicleId <strong>@Html.Encode(Model.VehicleId)</strong>
     </p>
     <p>
-    @Html.ActionLink("Create another", "Index", null, new { @class = "ui-button" })
+    @Html.ActionLink("Create another", "Index", null, new { @class = "btn" })
     </p>
 
     @:</fieldset>

Web/Views/Home/About.cshtml

@@ -1,8 +0,0 @@
-@{
-    ViewBag.Title = "About Us";
-}
-
-<h2>About</h2>
-<p>
-     Put content here.
-</p>

Web/Views/Log/Create.cshtml

@@ -3,23 +3,30 @@
 @{
     ViewBag.Title = "Create Log";
 }
+@section Styles
+{
+    <link href="@Url.Content("~/Content/jquery.qtip.min.css")" rel="stylesheet" type="text/css" /> 
+}
+@section Scripts
+{
+    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
+    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
+    <script src="@Url.Content("~/Scripts/jquery.qtip.min.js")" type="text/javascript"></script>
+}
 
 <h2>@ViewBag.Title</h2>
 
-<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
-<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
+<div>
+    @Html.ActionLink("Back to List", "Index", null, new { @class = "btn" })
+</div>
 
-@using (Html.BeginForm()) {
+@using (Html.BeginForm("Create", "Log", FormMethod.Post, new { @class = "form-horizontal" })) {
     @Html.ValidationSummary(true)
     <fieldset>
         <legend>Log</legend>
         @Html.EditorForModel()
         <p>
-            <input type="submit" value="Create" />
+            <input type="submit" value="Create" class="btn btn-primary" />
         </p>
     </fieldset>
 }
-
-<p>
-    @Html.ActionLink("Back to List", "Index", null, new { @class = "ui-button" })
-</p>

Web/Views/Log/Delete.cshtml

@@ -6,14 +6,15 @@
 
 <h2>@ViewBag.Title</h2>
 
-<h3>Are you sure you want to delete this?</h3>
-<fieldset>
-    <legend>Log</legend>
-        @Html.DisplayForModel()
-</fieldset>
+@Html.ActionLink("Back to List", "Index", null, new { @class = "btn" })
+
+<h3>Are you sure you wish to delete this log?</h3>
+
+@Html.DisplayForModel()
+
 @using (Html.BeginForm()) {
     <p>
-        <input type="submit" value="Delete" />
-        @Html.ActionLink("Back to List", "Index", null, new { @class = "ui-button" })
+        <input type="submit" value="Delete" class="btn btn-warning" />
+        @Html.ActionLink("Cancel", "Details", new { id = Model.LogId }, new { @class = "btn" })
     </p>
 }

Web/Views/Log/Details.cshtml

@@ -5,19 +5,24 @@
 }
 
 <h2>@ViewBag.Title</h2>
-<p>
-    @Html.ActionLink("Previous", "PreviousDetails", new { id = Model.LogId }, new { @class = "ui-button" })
-    @Html.ActionLink("Next", "NextDetails", new { id = Model.LogId }, new { @class = "ui-button" })
-    @if(TempData["Message"] != null) {
-        <span class="ui-message ui-state-highlight ui-corner-all">@TempData["Message"]</span>
-    }
-</p>
+<div>
+    @Html.ActionLink("Back to List", "Index", null, new { @class = "btn" })
+    @Html.ActionLink("Edit", "Edit", new { id = Model.LogId }, new { @class = "btn" })
+    @Html.ActionLink("Delete", "Delete", new { id = Model.LogId }, new { @class = "btn" })
+</div>
 
-<fieldset>
-    <legend>Log</legend>
     @Html.DisplayForModel()
-</fieldset>
-<p>
-    @Html.ActionLink("Edit", "Edit", new { id = Model.LogId }, new { @class = "ui-button" })
-    @Html.ActionLink("Back to List", "Index", null, new { @class = "ui-button" })
-</p>
+
+<div>
+    <ul class="pager">
+        <li class="previous">
+            @Html.ActionLink("Previous", "PreviousDetails", new { id = Model.LogId })
+        </li>
+        @if(TempData["Message"] != null) {
+            <span class="alert">@TempData["Message"]</span>
+        }
+        <li class="next">
+            @Html.ActionLink("Next", "NextDetails", new { id = Model.LogId })
+        </li>
+    </ul>
+</div>

Web/Views/Log/DetailsPartial.cshtml

@@ -5,6 +5,6 @@
 }
 <h5>Previous Log</h5>
 @Html.DisplayForModel()
-<p>
-@Html.ActionLink("Details", "Details", new { id = Model.LogId })
-</p>
+<div>
+@Html.ActionLink("Details", "Details", new { id = Model.LogId }, new { @class = "btn"})
+</div>

Web/Views/Log/Edit.cshtml

@@ -3,13 +3,25 @@
 @{
     ViewBag.Title = "Edit Log";
 }
+@section Styles
+{
+    <link href="@Url.Content("~/Content/jquery.qtip.min.css")" rel="stylesheet" type="text/css" /> 
+}
+@section Scripts
+{
+    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
+    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
+    <script src="@Url.Content("~/Scripts/jquery.qtip.min.js")" type="text/javascript"></script>
+}
 
 <h2>@ViewBag.Title</h2>
 
-<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
-<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
+<div>
+    @Html.ActionLink("Back to List", "Index", null, new { @class = "btn" })
+</div>
 
-@using (Html.BeginForm()) {
+@using (Html.BeginForm("Edit", "Log", FormMethod.Post, new { @class = "form-horizontal" }))
+{
     @Html.ValidationSummary(true)
     <fieldset>
         <legend>Log</legend>
@@ -21,7 +33,3 @@
         </p>
     </fieldset>
 }
-
-<p>
-    @Html.ActionLink("Back to List", "Index", null, new { @class = "ui-button" })
-</p>

Web/Views/Log/Empty.cshtml

@@ -4,5 +4,5 @@
 
 <h2>@ViewBag.Title</h2>
 <div>
-    No logs have been added.  @Html.ActionLink("Create Log", "Create", null, new { @class = "ui-button" }).
+    No logs have been added.  @Html.ActionLink("Create Log", "Create", null, new { @class = "btn" }).
 </div>

Web/Views/Log/Index.cshtml

@@ -7,31 +7,40 @@
     var grid = new WebGrid(Model.Logs, rowsPerPage: 45);
 }
 @section Styles {
-    <link href="@Url.Content("~/Content/VehicleColors.css")" rel="stylesheet" type="text/css" />
     <link href="@Url.Content("~/Content/jquery.qtip.min.css")" rel="stylesheet" type="text/css" />
+    <link href="@Url.Content("~/Content/VehicleColors.css")" rel="stylesheet" type="text/css" />
 }
 @section Scripts
 {
     <script src="@Url.Content("~/Scripts/jquery.qtip.min.js")" type="text/javascript"></script>
 }
 
-<h2>@ViewBag.Title</h2>
+<h2><img src="/Content/images/glyphicons_026_road.png"/> @ViewBag.Title</h2>
 
-<p>
-    @using (Html.BeginForm("Index", "Log", FormMethod.Get, new { id = "filter" }))
+<div class="btn-toolbar">
+    @using (Html.BeginForm("Index", "Log", FormMethod.Get, new { id = "filter", @class = "form-inline" }))
     {
-        @Html.EditorForModel()
-	    <input type="submit" value="Filter" />
+        <div class="input-append pull-right">
+            @Html.EditorForModel()
+            <input type="submit" value="Filter" class="btn" />
+        </div>
     }
-</p>
-<p>
-    <div id="newLog">
-		@Html.ActionLink("Vehicle Mileage", "MonthlyVehicleMileage", new { Year = Model.SelectedYear, Month = Model.SelectedMonth, LogType = Model.SelectedLogType }, new { @class = "ui-button" })
-		@Html.ActionLink("Employee Mileage", "MonthlyEmployeeMileage", new { Year = Model.SelectedYear, Month = Model.SelectedMonth, LogType = Model.SelectedLogType }, new { @class = "ui-button" })
-		@Html.ActionLink("Add New Log", "Create", null, new { @class = "ui-button" })
-        @Html.ActionLink("Export", "Export", new { Year = Model.SelectedYear, Month = Model.SelectedMonth, LogType = Model.SelectedLogType }, new { @class = "ui-button" })
+        
+    @Html.ActionLink("Add New Log", "Create", null, new { @class = "btn" })
+    @Html.ActionLink("Export", "Export", new { Year = Model.SelectedYear, Month = Model.SelectedMonth, LogType = Model.SelectedLogType }, new { @class = "btn" })
+    
+    <div class="btn-group">
+        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Report <span class="caret"></span></a>
+        <ul class="dropdown-menu">
+            <li>
+                @Html.ActionLink("Vehicle Mileage", "MonthlyVehicleMileage", new { Year = Model.SelectedYear, Month = Model.SelectedMonth, LogType = Model.SelectedLogType })
+            </li>
+            <li>
+                @Html.ActionLink("Employee Mileage", "MonthlyEmployeeMileage", new { Year = Model.SelectedYear, Month = Model.SelectedMonth, LogType = Model.SelectedLogType })
+            </li>
+        </ul>
     </div>
-</p>
+</div>
 
 <div>
     @grid.GetHtml(columns:
@@ -52,9 +61,15 @@
                 grid.Column("Date", format: item => item.Date.ToString("d")),
                 grid.Column("CityName", "City Name"),
                 grid.Column("EmployeeName", "Employee Name"),
-                grid.Column(format: item => Html.ActionLink("Edit", "Edit", new { id = item.LogId })),
-                grid.Column(format: item => Html.ActionLink("Details", "Details", new { id = item.LogId })),
-                grid.Column(format: item => Html.ActionLink("Delete", "Delete", new { id = item.LogId }))
-            )
+                grid.Column(format: item =>
+                                    (new MvcHtmlString("<div class='btn-group'>"))
+                                    .Concat(Html.ActionLink("Edit", "Edit", new { id = item.LogId }, new { @class = "btn btn-mini" }))
+                                    .Concat(Html.ActionLink("Details", "Details", new { id = item.LogId }, new { @class = "btn btn-mini" }))
+                                    .Concat(Html.ActionLink("Delete", "Delete", new { id = item.LogId }, new { @class = "btn btn-mini" }))
+                                    .Concat("</div>")
+                                    )
+            ), 
+            htmlAttributes: new { @class = "table table-striped table-bordered table-hover table-condensed"},
+            numericLinksCount: 20
      )
 </div>

Web/Views/Log/LogsSummary.cshtml

@@ -3,7 +3,7 @@
 @model IEnumerable<Tuple<Log, Log>> 
 
 <div class="report-calculation">
-	<table>
+	<table class="table">
 		<thead><tr><th>Date</th><th>City</th><th>End ODO</th><th>Start ODO</th><th>Miles</th></tr></thead>
 		@foreach (var log in Model)
 		{

Web/Views/Log/MonthlyEmployeeMileage.cshtml

@@ -12,8 +12,8 @@
 
 <h2>@ViewBag.Title</h2>
 
-<p class="no-print">
-    @Html.ActionLink("Logs", "Index", "Log", Model.Query, new { @class = "ui-button" })
+<p class="no-print btn-group">
+    @Html.ActionLink("Logs", "Index", "Log", Model.Query, new { @class = "btn" })
 </p>
 	    @Html.DisplayFor(m => m.Query.Year)
 	    @Html.DisplayFor(m => m.Query.Month)
@@ -21,7 +21,7 @@
 		{
 			@Html.DisplayFor(m => m.Query.LogType)
 		}
-<table>
+<table class="table">
     <tr>
 		<th>
 			Employee

Web/Views/Log/MonthlyVehicleMileage.cshtml

@@ -13,8 +13,8 @@
 
 <h2>@ViewBag.Title</h2>
 
-<p class="no-print">
-    @Html.ActionLink("Logs", "Index", "Log", Model.Query, new { @class = "ui-button" })
+<p class="no-print btn-group">
+    @Html.ActionLink("Logs", "Index", "Log", Model.Query, new { @class = "btn" })
 </p>
 	    @Html.DisplayFor(m => m.Query.Year)
 	    @Html.DisplayFor(m => m.Query.Month)
@@ -22,7 +22,7 @@
 		{
 			@Html.DisplayFor(m => m.Query.LogType)
 		}
-<table>
+<table class="table">
     <tr>
         <th>
             Vehicle Id

Web/Views/Shared/DisplayTemplates/_FieldLayout.cshtml

@@ -6,15 +6,15 @@
 	var color = ViewData.ModelMetadata.PropertyName == "Color" ? Model : "";
 }
 
-<div class="display-field-container @lowerPropertyName">
-    <div class="display-label">
-        @Html.LabelForModel()
-    </div>
-    <div class="display-field @color">
+<dl class="dl-horizontal @lowerPropertyName">
+    <dt>
+        @Html.ViewData.ModelMetadata.DisplayName
+    </dt>
+    <dd @(!string.IsNullOrEmpty(color) ? "class='" + color + "'" : "") >
         @RenderBody()
         @if (!string.IsNullOrEmpty(units))
         {
-			<span class="units">@units</span>
+			<small><em>@units</em></small>
 		}
-    </div>
-</div>
+    </dd>
+</dl>

Web/Views/Shared/EditorTemplates/Decimal.cshtml

@@ -1,4 +1,12 @@
 @{
     Layout = "~/Views/Shared/EditorTemplates/_FieldLayout.cshtml";
+    var inputSize = (string)ViewData.ModelMetadata.AdditionalValues["InputSize"];
 }
-@Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue)
+@if (!string.IsNullOrEmpty(inputSize))
+{
+    @Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue, new { @class = inputSize})
+}
+else
+{
+    @Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue)
+}

Web/Views/Shared/EditorTemplates/Enum.cshtml

@@ -9,10 +9,10 @@
     foreach (var li in listItems)
     {
         var fieldName = string.Format(System.Globalization.CultureInfo.InvariantCulture, "{0}_{1}", prefix.Replace('.', '_'), index++);
-        <span class="radiobutton">
-        @Html.RadioButton(prefix, li.Value, li.Selected, new { @id = fieldName }) 
-        @Html.Label(fieldName, li.Text)
-        </span>
+        <label class="radio">
+            @Html.RadioButton(prefix, li.Value, li.Selected, new { @id = fieldName }) 
+            @li.Text
+        </label>
     }
     ViewData.TemplateInfo.HtmlFieldPrefix = prefix;
 }

Web/Views/Shared/EditorTemplates/LogResultsViewModel.cshtml

@@ -2,6 +2,6 @@
 @using MileageTraker.Web.Utility
 @model MileageTraker.Web.ViewModels.LogResultsViewModel
 
-@Html.DropDownList("Year", new SelectList(Model.Years, Model.SelectedYear))
-@Html.DropDownList("Month", new SelectList(Model.Months, Model.SelectedMonth))
-@Html.DropDownList("LogType", typeof(MileageLogType).ToSelectList(Model.SelectedLogType, "Log Type"))
+@Html.DropDownList("Year", new SelectList(Model.Years, Model.SelectedYear), new { @class = "input-small" })
+@Html.DropDownList("Month", new SelectList(Model.Months, Model.SelectedMonth), new { @class = "input-mini" })
+@Html.DropDownList("LogType", typeof(MileageLogType).ToSelectList(Model.SelectedLogType, "Log Type"), new { @class = "input-medium" })

Web/Views/Shared/EditorTemplates/String.cshtml

@@ -1,9 +1,17 @@
 @{
     Layout = "~/Views/Shared/EditorTemplates/_FieldLayout.cshtml";
+    var inputSize = (string)ViewData.ModelMetadata.AdditionalValues["InputSize"];
 }
 @if (!(Model is Enum))
 {
-	@Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue)
+    if (!string.IsNullOrEmpty(inputSize))
+    {
+        @Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue, new { @class = inputSize})
+    }
+    else
+    {
+        @Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue)
+    }
 }
 else
 {

Web/Views/Shared/EditorTemplates/_FieldLayout.cshtml

@@ -7,20 +7,27 @@
 	var editLabel = (bool)ViewData.ModelMetadata.AdditionalValues["EditLabel"];
 }
 
-<div class="editor-field-container @lowerPropertyName">
+<div class="control-group @lowerPropertyName">
     @if (editLabel) {
-	    <div class="editor-label">
+	    <div class="control-label">
 		    @Html.LabelForModel()
 	    </div>
 	}
-    <div class="editor-field">
-        @RenderBody()
-        @if (!string.IsNullOrEmpty(units)) {
-			<span class="units">@units</span>
-		}
+    <div class="controls">
+        @if (!string.IsNullOrEmpty(units))
+        {
+            <div class="input-append">
+                @RenderBody()
+                <span class="add-on">@units</span>
+            </div>
+        }
+        else
+        {
+            @RenderBody()
+        }
         @if (!string.IsNullOrEmpty(formatHint)) {
-			<div class="format-hint">@formatHint</div>
+			<div><small><em>@formatHint</em></small></div>
 		}
-        @Html.ValidationMessage("")
+        <span class="help-inline">@Html.ValidationMessage("")</span>
     </div>
 </div>

Web/Views/Shared/_Layout.admin.cshtml

@@ -2,34 +2,33 @@
 <html>
 <head>
     <title>Mileage Traker - ETHRA - @ViewBag.Title</title>
-    <link href="@Url.Content("~/Content/Site.admin.css")" rel="stylesheet" type="text/css" />
     <link href="@Url.Content("~/Content/themes/custom-theme/jquery-ui-1.9.2.custom.min.css")" rel="stylesheet" type="text/css" />
+    <link href="@Url.Content("~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
+    <link href="@Url.Content("~/Content/Site.admin.css")" rel="stylesheet" type="text/css" />
     @RenderSection("Styles", false)
 </head>
 <body>
-    <div class="page">
-        <div id="header">
-            <div id="title">
-                <a href="/"><img src="/Content/images/Header.png" alt="Mileage Traker - ETHRA" width="452" height="89" /></a>
-            </div>
-            <div id="menucontainer">
-                <ul id="menu">
-                    <li>
-                        @Html.ActionLink("Logs", "Index", "Log")</li>
-                    <li>
-                        @Html.ActionLink("Vehicles", "Index", "Vehicle")</li>
+    <header>
+        <div class="navbar navbar-fixed-top navbar-inverse">
+            <div class="navbar-inner">
+                <span class="brand" ></span>
+                <ul class="nav">
+                    <li id="log-nav">@Html.ActionLink("Logs", "Index", "Log")</li>
+                    <li id="vehicle-nav">@Html.ActionLink("Vehicles", "Index", "Vehicle")</li>
+                    <li>@Html.ActionLink("Enter Mileage Log", "Index", "CreateLog")</li>
                 </ul>
             </div>
         </div>
-        <div id="main">
-            @RenderBody()
-        </div>
-        <div id="footer">
-            Mileage Traker &copy; 2012 James Kolpack
-        </div>
+    </header>
+    <div id="content">
+        @RenderBody()
     </div>
+    <footer>
+         Mileage Traker &copy; 2012 James Kolpack
+    </footer>
     
     <script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"></script>
+    <script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>
     <script src="@Url.Content("~/Scripts/jquery-ui-1.9.2.custom.min.js")" type="text/javascript"></script>
     <script src="@Url.Content("~/Scripts/jquery.numeric.js")" type="text/javascript"></script>
     <script src="@Url.Content("~/Scripts/Shared/Site.js")" type="text/javascript"></script>

Web/Views/Shared/_Layout.cshtml

@@ -3,22 +3,28 @@
 <head>
     <title>Mileage Traker - ETHRA - @ViewBag.Title</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
     <link href="@Url.Content("~/Content/themes/custom-theme/jquery-ui-1.9.2.custom.min.css")" rel="stylesheet" type="text/css" />
+    <link href="@Url.Content("~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
+    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
     @RenderSection("Styles", false)
-    @if (ViewBag.PageStyle != null)
-    {
-        <link href="@Url.Content(ViewBag.PageStyle)" rel="stylesheet" type="text/css" />
-    }
+
 </head>
 
 <body>
-    <div id="header">
-        <img src="@Url.Content("~/Content/images/Header_white.png")" alt="Mileage Traker" />
+    <header>
+        <div class="navbar navbar-fixed-top navbar-inverse">
+            <div class="navbar-inner">
+                <span class="brand" ></span>
+            </div>
+        </div>
+    </header>
+
+    <div id="content">
+        @RenderBody()
     </div>
-    @RenderBody()
     
     <script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"></script>
+    <script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>
     <script src="@Url.Content("~/Scripts/jquery.numeric.js")" type="text/javascript"></script>
     <script src="@Url.Content("~/Scripts/jquery-ui-1.9.2.custom.min.js")" type="text/javascript"></script>
     <script src="@Url.Content("~/Scripts/Shared/Site.js")" type="text/javascript"></script>

Web/Views/Vehicle/Create.cshtml

@@ -3,24 +3,30 @@
 @{
     ViewBag.Title = "Create Vehicle";
 }
+@section Styles
+{
+    <link href="@Url.Content("~/Content/jquery.qtip.min.css")" rel="stylesheet" type="text/css" /> 
+}
+@section Scripts
+{
+    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
+    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
+    <script src="@Url.Content("~/Scripts/jquery.qtip.min.js")" type="text/javascript"></script>
+}
 
 <h2>@ViewBag.Title</h2>
 
-<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
-<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
+<div class="btn-toolbar">
+    @Html.ActionLink("Back to List", "Index", null, new { @class = "btn" })
+</div>
 
-@using (Html.BeginForm()) {
+@using (Html.BeginForm("Create", "Vehicle", FormMethod.Post, new { @class = "form-horizontal" }))
+{
     @Html.ValidationSummary(true)
     <fieldset>
         <legend>Vehicle</legend>
         @Html.EditorForModel()
 
-        <p>
-            <input type="submit" value="Create" />
-        </p>
+        <input type="submit" value="Create" class="btn btn-primary" />
     </fieldset>
 }
-
-<p>
-    @Html.ActionLink("Back to List", "Index", null, new { @class = "ui-button" })
-</p>

Web/Views/Vehicle/Details.cshtml

@@ -10,11 +10,9 @@
 
 <h2>@ViewBag.Title</h2>
 
-<fieldset>
-    <legend>Vehicle</legend>
-    @Html.DisplayForModel()
-</fieldset>
-<p>
-    @Html.ActionLink("Edit", "Edit", new { id = Model.VehicleId }, new { @class = "ui-button" })
-    @Html.ActionLink("Back to List", "Index", null, new { @class = "ui-button" })
-</p>
+<div class="btn-toolbar">
+    @Html.ActionLink("Back to List", "Index", null, new { @class = "btn" })
+    @Html.ActionLink("Edit", "Edit", new { id = Model.VehicleId }, new { @class = "btn" })
+</div>
+
+@Html.DisplayForModel()

Web/Views/Vehicle/DetailsPartial.cshtml

@@ -2,7 +2,8 @@
 @{
     Layout = null;
 }
+<h5>Vehicle</h5>
 @Html.DisplayForModel()
-<p>
-@Html.ActionLink("Details", "Details", new { id = Model.VehicleId })
-</p>
+<div>
+@Html.ActionLink("Details", "Details", new { id = Model.VehicleId }, new { @class = "btn"})
+</div>

Web/Views/Vehicle/Edit.cshtml

@@ -3,24 +3,30 @@
 @{
     ViewBag.Title = "Edit Vehicle";
 }
+@section Styles
+{
+    <link href="@Url.Content("~/Content/jquery.qtip.min.css")" rel="stylesheet" type="text/css" /> 
+}
+@section Scripts
+{
+    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
+    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
+    <script src="@Url.Content("~/Scripts/jquery.qtip.min.js")" type="text/javascript"></script>
+}
 
 <h2>@ViewBag.Title</h2>
 
-<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
-<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
+<div class="btn-toolbar">
+    @Html.ActionLink("Back to List", "Index", null, new { @class = "btn" })
+</div>
 
-@using (Html.BeginForm()) {
+@using (Html.BeginForm("Edit", "Vehicle", FormMethod.Post, new { @class = "form-horizontal" }))
+{
     @Html.ValidationSummary(true)
     <fieldset>
         <legend>Vehicle</legend>
         @Html.EditorForModel()
 
-        <p>
-            <input type="submit" value="Save" />
-        </p>
+        <input type="submit" value="Save" class="btn btn-primary" />
     </fieldset>
 }
-
-<p>
-    @Html.ActionLink("Back to List", "Index", null, new { @class = "ui-button" })
-</p>

Web/Views/Vehicle/Index.cshtml

@@ -1,4 +1,5 @@
-@model IEnumerable<MileageTraker.Web.Models.Vehicle>
+@using MileageTraker.Web.Utility
+@model IEnumerable<MileageTraker.Web.Models.Vehicle>
 
 @{
     ViewBag.Title = "Vehicles";
@@ -8,13 +9,13 @@
     <link href="@Url.Content("~/Content/VehicleColors.css")" rel="stylesheet" type="text/css" />
 }
 
-<h2>@ViewBag.Title</h2>
+<h2><img src="/Content/images/glyphicons_005_car.png"/> @ViewBag.Title</h2>
 
-<p>
-    @Html.ActionLink("Add another vehicle", "Create", null, new{@class="ui-button"})
-    @Html.ActionLink("Export", "Export", null, new { @class = "ui-button" })
-</p>
-<table>
+<div class="btn-toolbar">
+    @Html.ActionLink("Add another vehicle", "Create", null, new{@class="btn"})
+    @Html.ActionLink("Export", "Export", null, new { @class = "btn" })
+</div>
+<table class="table table-striped table-bordered table-hover table-condensed">
     <tr>
         <th>
             Key
@@ -46,7 +47,7 @@
         <th>
             ODO
         </th>
-        <th></th><th></th><th></th>
+        <th></th>
     </tr>
 
 @foreach (var item in Model) {
@@ -77,17 +78,19 @@
         </td>
         <td>
             @Html.DisplayTextFor(m => item.Assigned) @if(!string.IsNullOrEmpty(item.Notes)) {
-                                                         <span class="format-hint">@Html.DisplayTextFor(m => item.Notes)</span>
+                                                         <small class="muted"><em>@Html.DisplayTextFor(m => item.Notes)</em></small>
                                                          }
         </td>
         <td>
             @Html.DisplayTextFor(m => item.CurrentOdometer)
         </td>
         <td>
-            @Html.ActionLink("Edit", "Edit", new { id=item.VehicleId }) </td>
-         <td>   @Html.ActionLink("Details", "Details", new { id=item.VehicleId }) </td>
-		<td>	@Html.ActionLink("New log", "Create", "Log", new { vehicleId = item.VehicleId }, null)
-		</td>
+            @(new MvcHtmlString("<div class='btn-group'>")
+            .Concat(Html.ActionLink("Edit", "Edit", new { id = item.VehicleId }, new { @class = "btn btn-mini" }))
+            .Concat(Html.ActionLink("Details", "Details", new { id = item.VehicleId }, new { @class = "btn btn-mini" }))
+            //.Concat(Html.ActionLink("New log", "Create", new { id = item.VehicleId }, new { @class = "btn btn-mini" }))
+            .Concat("</div>"))
+        </td>
     </tr>
 }