/*MooSlide stylesheet*/ 
.mooSlide {    
    background-color:#111;    
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    margin: 0 auto;
    text-align: left;
    font-size: 0.85em;
    display: none;
    width: 280px;
    color:#ddd; 
    border:1px solid #ccc;
} 
.mooSlide h1 {
    font-size: 1.6em;
    padding-top: 10px;
    margin-top: 10px;
    color:#efefef; 
}
/* padlock icon from IconsPedia */
/* http://www.iconspedia.com/icon/padlocks-1464.html */
.mooSlide h1.padlock {
    background: url(moo-login-form/padlock_black.jpg) no-repeat 0 bottom;
    padding-left: 25px;
}
/*box*/
#top {
    display: block;
    clear: both;
    height: 26px;
    width: 280px;
    background: url(moo-login-form/top_bg_black.jpg) repeat-x 0 0;
}
#top .loginClose {
    float: right;
    width: 18px;
    height: 26px;
}
.loginClose a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(moo-login-form/button_close_black.jpg) no-repeat -18px 0;
    border: none;
    text-decoration: none;
}
.loginClose a:hover {
    background: url(moo-login-form/button_close_black.jpg) no-repeat 0 0;
}  
#bottom {
    display: block;
    clear: both;
    width: 280px;
    height: 15px;                             
}  
/* Content */
.mooSlide .wrapper {  
    width: 280px;
} 
.mooSlide .content {  
    width: 280px;     
    height:210px;
}
.mooSlide label.action {
    height: 12px;
    line-height: 12px;
}
.mooSlide label.action a{
    color:#369;
    text-decoration: underline;
    padding:0 0 0 20px;
    background:transparent url(moo-login-form/bullet-default.png)no-repeat 0 0 ;
}
.mooSlide label.action a:hover{
    text-decoration: underline;
    color:#ccc;
    background:transparent url(moo-login-form/bullet-default.png) no-repeat 0 -12px;
}
.mooSlide .fleft {
    width: 240px;
    float: left;
    padding-left: 20px;
}
.mooSlide .fright {
    width: 245px;
    float: left;
    padding-left: 20px;
} 
/*form*/
.mooSlide form {
    margin: 0 0 6px 0;
    height: 26px;
}
.mooSlide label {
    float: left;
    padding-top: 8px;
    clear: both;
    display: block;
    width: 230px;
}
.mooSlide input {
    border: 1px #ccc solid;
    background: white;
    margin-right: 5px;
    margin-top: 4px;
    height: 16px;
    float: left;
    clear: both;
    display: block;
}
.mooSlide input:focus {
    border: #999 1px solid;
} 
.mooSlide input.button_login {
    width: 84px;
    height: 22px;
    cursor: pointer;
    border: none;
    margin-top: 10px;
    background: transparent url(moo-login-form/button_login_black.jpg) no-repeat 0 0;
}
.mooSlide input.button_login:hover {
    background: transparent url(moo-login-form/button_login_black.jpg) no-repeat 0 -22px;
}
.mooSlide input#cat_user, .mooSlide input#cat_password {
background-position:2px;
background-repeat:no-repeat;
border:1px solid #808080;
color:#808080;
font-size:18px;
padding:2px 2px 2px 18px;
margin-top:0;
width:180px;
height:auto;
}
.mooSlide input#cat_user {
    background-image: url(moo-login-form/cd_login-input-username.png);
}
.mooSlide input#cat_password {
    background-image: url(moo-login-form/cd_login-input-password.png);
}