scope the CSS for the login form to only the presentation in the header, need...

scope the CSS for the login form to only the presentation in the header, need to create specific styles for the login page.

plugins/unl_theme/views/default/css.php

@@ -50,13 +50,13 @@
        height:64px;
        min-width:910px;
     }
-    #casOption {
+    #actionBar #casOption {
         float:left;
         width:690px;
         color:#fff;
         position:relative;
     }
-    #casLogin, #actionBar .submit_button {
+    #actionBar #casLogin, #actionBar .submit_button {
         padding:15px;
         font-size:1.6em;
         font-weight:bold;
@@ -80,13 +80,13 @@
         margin:8px 0 0 8px;
         display:inline-block;
     }
-    #casLogin {float:left;}
-    #actionBar .submit_button {
+    #actionBar #casLogin {float:left;}
+    #actionBar #actionBar .submit_button {
         padding:0 10px;
         font-size:1.4em;
         margin-top:17px;
     }
-    #casLogin:hover, #actionBar .submit_button:hover {
+    #actionBar #casLogin:hover, #actionBar .submit_button:hover {
         background-image:-webkit-gradient(
             linear,
             left bottom,
@@ -100,28 +100,28 @@
             rgb(120,168,48) 85%
         );
     }
-    #casOption .loginMessage {
+    #actionBar #casOption .loginMessage {
         float:left;
         color:#D8D8D8;
         padding:15px;
     }
-    #casOption span {
+    #actionBar #casOption span {
         font-size:1.2em;
 		font-weight:bold;
 		text-transform:uppercase;
     }
-    #maincontent #casLogin {
+    #maincontent #actionBar #casLogin {
         color:#fff;
         text-shadow: 1px 1px 1px #828282;
         filter: dropshadow(color=#828282, offx=1, offy=1); 
     }
-    #elggOption {
+    #actionBar #elggOption {
         float:right;
         width:220px;
         color:#fff;
         margin:-15px 0 -15px 0;
     }
-    #elggOption > a.switchAction {
+    #actionBar #elggOption > a.switchAction {
         display:inline-block;
 		float:left;
 		height:94px;
@@ -129,20 +129,20 @@
 		background:url('<?php echo $vars['url']; ?>/mod/unl_theme/views/default/images/loginTabSlider.png') no-repeat;
 		background-position: 0 0;
     }
-    #elggOption .optionMessage{
+    #actionBar #elggOption .optionMessage{
         padding:20px 0;
         color:#D8D8D8;
         line-height:1em;
     }
-    #elggOption  ul {
+    #actionBar #elggOption  ul {
         padding:0px;
         list-style:none;
         margin-top:15px;
     }
-    #elggOption  ul li {
+    #actionBar #elggOption  ul li {
         display:inline;
     } 
-    #elggOption  ul li a {
+    #actionBar #elggOption  ul li a {
         padding:5px;
         color:#D8D8D8;
         background:#1D4088;
@@ -152,7 +152,7 @@
        text-transform:uppercase;
        font-weight:bold;
     }  
-    #elggOption  ul li a:hover {
+    #actionBar #elggOption  ul li a:hover {
         background-image:-webkit-gradient(
 		    linear,
 		    left top,
@@ -167,7 +167,7 @@
 		);
 		color:#D8D8D8;
     }
-    .elggLoginForm {display:none;}
+    #actionBar .elggLoginForm {display:none;}
     
     /* User selected Elgg authentication */