/*
	Login
*/
#login-container {
margin-left: auto;
margin-right: auto;
margin-top: 3em;
}

#login-box {
background: #02b0e6 url('../images/login/login-bg.jpg') top left no-repeat;
width: 400px;
text-align: left;
margin-left: auto;
margin-right: auto;
overflow:auto;
}

#login-bottom {
background: url('../images/login/login-bottom.jpg') top left;
width: 400px;
height: 26px;
margin-left: auto;
margin-right: auto;
clear: both;
}

#login-content {
padding-top: 8em;
margin-left: 2.8em;
margin-right: 2.8em;
}

#login-txt {
width: 400px;
margin-top: 1em;
margin-left: auto;
margin-right: auto;
padding-left: 2em;
text-align: left;
}

#login-txt p {
line-height: 1.5em;
font-size: 70%;
}

#login-txt a {
color: #666666;
}

.login-footer {
font-size: 70%;
}

/* styling the select box */

.sel {
width: 200px;
border: 1px solid #9fc8e7;
color: #333333;
font-size: 78%;
}

.all {
width: 140px;
border: 1px solid #9fc8e7;
color: #333333;
font-size: 78%;
}

.days {
width: 40px;
border: 1px solid #9fc8e7;
color: #333333;
font-size: 78%;
}

.dst {
width: 330px;
border: 1px solid #9fc8e7;
color: #333333;
font-size: 78%;
}

/* styling hte input text */

.txt {
width: 100px;
border: 1px solid #9fc8e7;
color: #333333;
font-size: 78%;
padding-top: 1px;
padding-left: 2px;
padding-bottom: 1px;
padding-right: 2px;
}

.txt-sf {
width: 194px;
border: 1px solid #9fc8e7;
color: #333333;
font-size: 78%;
padding-top: 1px;
padding-left: 2px;
padding-bottom: 1px;
padding-right: 2px;
}

.txt-login {
width: 300px;
border: 2px solid #019dcd;
color: #005d8d;
font-size: 90%;
font-weight: bold;
padding-top: 8px;
padding-left: 2px;
padding-bottom: 8px;
padding-right: 2px;
}

.txt-img {
width: 200px;
border: 2px solid #53c9ee;
color: #2aaed8;
font-size: 90%;
font-weight: bold;
padding-top: 8px;
padding-left: 2px;
padding-bottom: 8px;
padding-right: 2px;
margin-top: 5px;
}

/* styling the checkbox */

.cbx {
font-size: 78%;
color: #333333;
cursor: pointer; 
cursor: hand;
}

/* this is how you make a clickable label */

.lbl-login {
font-size: 70%;
font-weight: bold;
color: #ffffff;
line-height: 2em;
}

.lbl-keycode {
font-size: 70%;
color: #ffffff;
line-height: 1.8em;
}

.lbl-pass {
font-size: 70%;
color: #ffffff;
line-height: 1.8em;
}

.lbl {
font-size: 78%;
color: #333333;
cursor: pointer; 
cursor: hand;
padding-right: 5px; /* change to padding-left if you place the label on the right side of the input (can be text, radio button or checkbox) */
}

label.lbl {
-moz-user-select: none; /*aesthetic improvement for Firefox*/
behavior: expression(this.onclick = function() {this.children[0].click()});
}

label[class="lbl"] {
behavior: none;
}

/* styling the textarea */

.txa {
font-family: arial; /* textarea came with the default courier new font face with 12 point type */
font-size: 78%;
border: 1px solid #9fc8e7;
color: #333333;
width: 200px;
height: 100px;
padding: 4px;
}

.txa-sf {
font-family: arial; /* textarea came with the default courier new font face with 12 point type */
font-size: 78%;
border: 1px solid #9fc8e7;
color: #333333;
height: 120px;
padding: 4px;
}

.txa-sub {
font-family: arial; /* textarea came with the default courier new font face with 12 point type */
font-size: 78%;
border: 1px solid #9fc8e7;
color: #333333;
height: 40px;
padding: 4px;
}

input.keywords-color {
color: #797979;
font-style: italic;
}