function changeUsername() { 
    document.getElementById('txtUsername').value = "";
    document.getElementById('txtUsername').style.backgroundColor="#ffffff";
    document.getElementById('txtUsername').style.color="#000000";
}

function changeUsernameBack() { 
    
    document.getElementById('txtUsername').style.color="#ffffff";
    
    if (document.getElementById('txtUsername').value == "") { 
        document.getElementById('txtUsername').value = "Username"; 
        document.getElementById('txtUsername').style.backgroundColor="#143553"; 
    }
    
    if (document.getElementById('txtUsername').value != "Username") { 
        document.getElementById('txtUsername').style.backgroundColor="#000000"; 
    }
    
}
        
function changePassword() { 
    document.getElementById('txtPassword').value = "";
    document.getElementById('txtPassword').style.display="none";
    document.getElementById('txtPassword').style.visible="hidden";
    document.getElementById('Password').style.display="inline";
    document.getElementById('Password').focus();
    document.getElementById('Password').style.backgroundColor="#ffffff"; 
    document.getElementById('Password').style.color="#000000";
}

function changePasswordBack() { 

    document.getElementById('txtPassword').style.color="#ffffff";
    
    if (document.getElementById('txtPassword').value == "") {
        document.getElementById('txtPassword').value = "Password"; 
        document.getElementById('txtPassword').style.backgroundColor="#143553"; 
    }
    
    if (document.getElementById('txtPassword').value != "Password") { 
        document.getElementById('txtPassword').style.backgroundColor="#000000"; 
    }
    
}


function changePasswordT() { 
    document.getElementById('Password').style.backgroundColor="#ffffff"; 
    document.getElementById('Password').style.color="#000000";
    document.getElementById('txtPassword').style.display="none";
    document.getElementById('txtPassword').style.visible="none";
    document.getElementById('Password').style.display="inline";
}

function changePasswordBackT() { 

    document.getElementById('Password').style.color="#ffffff";
    document.getElementById('Password').style.backgroundColor="#000000"; 
    
    if (document.getElementById('Password').value == "") {
        document.getElementById('Password').value = ""; 
        document.getElementById('txtPassword').style.display="inline";
        document.getElementById('Password').style.display="none";
        document.getElementById('Password').style.backgroundColor="#143553"; 
    }
       
}

function loginDivOver() {
    document.getElementById('button').style.backgroundColor="#000000"; 
    document.getElementById('arrow').style.backgroundColor="#000000"; 
}

function loginDivOut() {
    document.getElementById('button').style.backgroundColor="#466784"; 
    document.getElementById('arrow').style.backgroundColor="#466784"; 
}