Basic layout and login functioning

application/media/theme/claro/css/style.css

@@ -0,0 +1,95 @@
+html, body {
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	padding: 0;
+}
+
+.claro #appLayout {
+	height: 100%;
+}
+.claro #appHeader {
+	border: 0px;
+	padding-bottom: 0px;
+}
+.claro #appControl {
+	border-top: 1px #AAAACC solid;
+	border-bottom: 0;
+	border-left: 0;
+	border-right: 0;
+	padding-top: 5px;
+	padding-bottom: 0;
+}
+.claro #appLeft {
+	border: 1px #AAAACC solid;
+	width: 14em;
+}
+.claro #appBody {
+	border: 1px #AAAACC solid;
+	padding: 0;
+}
+.claro #appStatus {
+	display: none;
+}
+.claro #appContent {
+	border: 0;
+	padding: 0;
+}
+.claro #appFooter {
+	border-top: 1px #AAAACC solid;
+	border-bottom: 0;
+	border-left: 0;
+	border-right: 0;
+	padding-top: 3px;
+	padding-bottom: 1px;
+}
+
+.claro .headlogo {
+	border: 0px;
+}
+.claro .foottext {
+	text-align: right;
+	font-size: 75%;
+	font-weight: bold;
+}
+/* Login Box */
+.claro table.login {
+	background-color: #FAFAFF;
+	border: 1px #AAAACC solid;
+	padding: 5px;
+	margin-left: auto;
+	margin-right: auto;
+}
+.claro table.login .username {
+	background: url('image/ldap-uid.png') no-repeat 0 1px;
+	background-color: #FAFAFF;
+	color: #500000;
+	padding-left: 17px;
+}
+
+.claro table.login .username:focus {
+	background-color: #F0F0FF;
+	color: #000000;
+}
+
+.claro table.login .username:disabled {
+	background-color: #DDDDFF;
+	color: #000000;
+}
+
+.claro table.login .password {
+	background: url('image/key.png') no-repeat 0 1px;
+	background-color: #FAFAFF;
+	color: #000000;
+	padding-left: 17px;
+}
+
+.claro table.login .password:focus {
+	background-color: #F0F0FF;
+	color: #000000;
+}
+
+.claro table.login .password:disabled {
+	background-color: #DDDDFF;
+	color: #000000;
+}