.ddpanel .ddpanelcontent {
    /*CSS for "content" DIV of Drop Down Panel*/
    color: white;

background: #0762D9 !important;
    /*background: #cd8cad;*/
    /*background of Drop Down Panel*/
    /*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab {
    /*CSS for "toggle" tab DIV of Drop Down Panel*/
    margin-right: 20px;
    font: normal 12px Arial;
}

.ddpanel .ddpaneltab a {
    /*"toggle" tab related CSS*/
    float: right;
    color: white;
    background: black url(Images/toggleleft.gif) no-repeat left bottom;
    /*background of toggle tab*/
    text-decoration: none;
    letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span {
    /*"toggle" tab related CSS*/
    float: left;
    display: block;
    background: transparent url(Images/toggleright.gif) no-repeat right bottom;
    padding: 1px 12px 4px 13px;
    cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage {
    /*CSS for pointer image within toggle tab*/
    margin-top: 2px;
    margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover {
    /*"toggle" tab related CSS*/
    background-color: navy;
    /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active,
.ddpanel .ddpaneltab a:focus {
    /*"toggle" tab related CSS*/
    outline: 0;
}

.ddpanel .ddpaneltab a:hover span {
    /*"toggle" tab related CSS*/
    background-color: transparent;
}

#clock{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 8px 8px 8px 8px;
}

.greeting{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 8px 8px 8px 8px;
}