The username and password used for Logon are as follows:
<Style type = "text/CSS">
. Title {font-family: verdana, tahoma, sans-serif; font-size: 10px; font-weight: bold}
. Gray {font-size: 12px; color: #666666}
. Orange {font-family: verdana, tahoma, sans-serif; font-size: 10px; color: # ff6600}
. Orange A: link {font-family: verdana, tahoma, sans-serif; font-size: 10px; color: # ff6600; text-Decoration: underline}
. Orange A: visited {font-family: verdana, tahoma, sans-serif; font-size: 10px; color: # ff6600; text-Decoration: underline}
. Orange A: hover {font-family: verdana, tahoma, sans-serif; font-size: 10px; color: # ff6600; text-Decoration: underline}
. Orange A: active {font-family: verdana, tahoma, sans-serif; font-size: 10px; color: # ff6600; text-Decoration: underline}
Textarea, input, select {
Background: # ffffff;
Border: 1px solid # cccccc;
Color: #000000;
Font-family: verdana, tahoma, sans-serif;
Font-size: 0.95em ;}
. Username {
Background-image: URL (images/username.gif );
Background-position: 1px 1px;
Background-repeat: No-Repeat;
Padding-left: 20px;
Height: 20px;
Font-size: 12px ;}
. Password {
Background-image: URL (images/password.gif );
Background-position: 1px 1px;
Background-repeat: No-Repeat;
Padding-left: 20px;
Height: 20px;
Font-size: 12px ;}
</Style>
CodeParts:
<Div id = "logindiv">
<Table width = "208" border = "0" align = "center" cellpadding = "5" cellspacing = "0">
<Tr>
<TD bgcolor = "# f4f4f4" class = "title" style = "width: 226px"> + login </TD>
</Tr>
<Tr>
<TD class = "gray" style = "width: 226px "> enter the login user and password </TD>
</Tr>
<Tr>
<TD class = "title" style = "width: 226px"> username </TD>
</Tr>
<Tr>
<TD style = "width: 226px"> <input name = "username" type = "text" class = "username" size = "30"> </TD>
</Tr>
<Tr>
<TD style = "width: 226px"> </TD>
</Tr>
<Tr>
<TD class = "title" style = "width: 226px"> password </TD>
</Tr>
<Tr>
<TD style = "width: 226px"> <input name = "password" type = "password" class = "password" size = "30"> </TD>
</Tr>
<Tr>
<TD class = "orange" style = "width: 226px"> <a href = "#" class = "logindiv"> Get your password? </A> </TD>
</Tr>
<Tr>
<TD align = "right" style = "width: 226px; Height: 31px;">
<Input name = "loginbtn" type = "button" value = "login" class = "BD" onclick = "imgpoliconclick ()"/> </TD>
</Tr>
</Table>
</Div>
Button collection:
. BA {
Border-Right: # 7b9ebd 1px solid; padding-Right: 2px; border-top: # 7b9ebd 1px solid; padding-left: 2px; font-size: 12px; filter:
Progid: DXImageTransform. Microsoft. gradient (gradienttype = 0, startcolorstr = # ffffff, endcolorstr = # cecfde); border-left: # 7b9ebd 1px solid; cursor: hand;
Color: black; padding-top: 2px; border-bottom: # 7b9ebd 1px solid
}
. BB {
Border-Right: # 7ebf4f 1px solid; padding-Right: 2px; border-top: # 7ebf4f 1px solid; padding-left: 2px; font-size: 12px; filter:
Progid: DXImageTransform. Microsoft. gradient (gradienttype = 0, startcolorstr = # ffffff, endcolorstr = # b3d997); border-left: # 7ebf4f 1px solid; cursor: hand;
Color: black; padding-top: 2px; border-bottom: # 7ebf4f 1px solid
}
. BC {
Border-Right: # 7ebf4f 1px solid; padding-Right: 2px; border-top: # 7ebf4f 1px solid; padding-left: 2px; font-size: 12px; filter:
Progid: DXImageTransform. Microsoft. gradient (gradienttype = 0, startcolorstr = # ffffff, endcolorstr = # cae4b6); border-left: # 7ebf4f 1px solid; cursor: hand;
Color: black; padding-top: 2px; border-bottom: # 7ebf4f 1px solid
}
. BD {
Border-Right: # 2c59aa 1px solid; padding-Right: 2px; border-top: # 2c59aa 1px solid; padding-left: 2px; font-size: 12px; filter:
Progid: DXImageTransform. Microsoft. gradient (gradienttype = 0, startcolorstr = # ffffff, endcolorstr = # c3daf5); border-left: # 2c59aa 1px solid; cursor: hand;
Color: black; padding-top: 2px; border-bottom: # 2c59aa 1px solid
}
. Be {
Border-Right: # 2c59aa 1px solid; padding-Right: 2px; border-top: # 2c59aa 1px solid; padding-left: 2px; font-size: 12px; filter:
Progid: DXImageTransform. Microsoft. gradient (gradienttype = 0, startcolorstr = # ffffff, endcolorstr = # d7e7fa); border-left: # 2c59aa 1px solid; cursor: hand;
Color: black; padding-top: 2px; border-bottom: # 2c59aa 1px solid
}
. BF {
Border-Right: # ffe400 1px solid; padding-Right: 2px; border-top: # ffe400 1px solid; padding-left: 2px; font-size: 12px; filter:
Progid: DXImageTransform. Microsoft. gradient (gradienttype = 0, startcolorstr = # ffffff, endcolorstr = # c3daf5); border-left: # ffe400 1px solid; cursor: hand;
Color: black; padding-top: 2px; border-bottom: # ffe400 1px solid
}
. BG {border-Right: # 2c59aa 1px solid; padding-Right: 2px; border-top: # 2c59aa 1px solid; padding-left: 2px; font-size: 12px; filter:
Progid: DXImageTransform. Microsoft. gradient (gradienttype = 0, startcolorstr = # ffffff, endcolorstr = # c3daf5); border-left: # 2c59aa 1px solid; cursor: hand;
Color: black; padding-top: 2px; border-bottom: # 2c59aa 1px solid
}