Ray's changes for front-end banner

app/assets/stylesheets/banner_nav.css

@@ -0,0 +1,34 @@
+#banner_nav {
+	position: absolute;
+	z-index: 10;
+	bottom: 0;
+	margin-right: 5px;
+	right: 0;
+}
+#banner_nav>li {
+	float: left;
+	display: inline-block;
+	*display: inline;
+	
+}
+#banner_nav>li>a {
+	width: 10px;
+	height: 10px;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	background-color: #FFFFFF;
+	opacity: .5;
+	filter: alpha(opacity = 50);
+	margin: 0 4px 10px;
+	text-indent: -9999px;
+	box-shadow: 0 0 5px rgba(0,0,0,.7);
+}
+#banner_nav>li>a:hover {
+	opacity: 1;
+	filter: alpha(opacity = 100);
+}
+#banner_nav>li.activeSlide>a {
+	opacity: 1;
+	filter: alpha(opacity = 100);
+}

app/assets/stylesheets/inc/permission-checkbox.css.erb

@@ -10,7 +10,7 @@
 }
 .checkbox{
 	padding: 5px;
-	margin: 0;
+	margin: 10px;
 	display: inline-block;
 	color:#777777;
 	text-shadow: 0 1px 0px rgba(255,255,255,.4);
@@ -20,7 +20,7 @@
 	border-style: solid;
 	border-width: 0px 1px 1px 0;
 	border-color: #dfdfdf;
-	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
 	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
 	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
@@ -28,7 +28,7 @@
 	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 	border-radius: 3px;
 	-moz-border-radius: 3px;
-	-webkit-border-radius: 3px;*/
+	-webkit-border-radius: 3px;
 }
 .checkbox .check-icon {
 	display: none;
@@ -79,4 +79,7 @@ img.member-img {
 }
 .popover-content p {
 	font-size: 12px;
+}
+.preview_trigger {
+	margin: 5px 10px 0 0;
 }