html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, 
a, em, font, img, strong, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td
{
  margin:0; padding:0; border:0; outline:0;
  font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;
  /* vertical-align:baseline; */
}

table { border-collapse:collapse; border-spacing:0; font: 12px sans-serif,arial; }

body {
    background-image: url("../images/b_bg.gif") !important;
    background-position: top left !important;
    background-repeat: repeat-x !important;
    background-color: #002f5e !important;
    font-family: sans-serif, arial, serif;
    text-align: center;
}

#wrapper { margin-left: auto;
    margin-right: auto;
    width: 265px;}

#box {  }
#box tr td {
    width: 265px;
    background-image: url("../images/b_tile.gif");
    text-align: center;
}
#box_f {
    background-image: url("../images/login_foot.gif") !important;
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 37px;
    color: #9eb4ca; font-size: 12px;
}
#logo img {
    margin-top: 26px;
    margin-bottom: 16px;
    background-image: url("../images/logo_l.gif");
}

/* ======== Forms ===============*/
form.cmxform {
    width: 260px;
    font-size: 11px;
    color: #333;

}
form.cmxform legend { padding-left: 0; }
form.cmxform legend,
form.cmxform label { color: #333; }
form.cmxform fieldset { border: none; }
form.cmxform fieldset fieldset { background: none; }
form.cmxform fieldset li { padding: 5px 10px 7px; }
fieldset ul { list-style: none;  padding-top: 6px; }
fieldset ul li em { font-weight: normal !important; }
/* ============= Button ==============*/
a.squarebutton{
display: block;
width: 50px;
/* margin-left: auto; margin-right: auto; */ float: left;
font: normal 11px Arial;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}
.red { background: transparent url('../images/square-gray-left.gif') no-repeat top left; }
.blue { background: transparent url('../images/square-blue-left.gif') no-repeat top left; }

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #ffffff !important; /*button text color*/ font-weight: bold; }

a.squarebutton span{
display: block; padding: 4px 9px 4px 0; /*9px below to match value of 'padding-left' value above*/
}
.red span { background: transparent url('../images/square-gray-right.gif') no-repeat top right; }
.blue span { background: transparent url('../images/square-blue-right.gif') no-repeat top right; }
a.squarebutton:hover{ background-position: bottom left; }
a.squarebutton:hover span{ background-position: bottom right; color: white; font-weight: bold; }
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; width: 100%; }

a { color: #004eff !important; }


#login {
  border: 2px solid #999999;
  background-color: #ffffff !important;
  width: 238px;
  margin-left: auto;
  margin-right: auto;
}
#login tr td { background-color: #ffffff; background-image: none !important; border: none !important; padding: 4px 0px; font: 12px sans-serif,arial; }
#login tr th { background-color: #999999; color: #ffffff; background-image: none !important; text-align: left; padding-left:4px; font-weight: bold; font: 12px sans-serif,arial; }

#lm { font-weight: normal; font-style: italic; }
#mode { text-align: left !important; }
#comm { color: #999999 !important; font-weight: normal; text-align: left !important;}
#comm a { margin-left: 10px; }

#error_box {
  margin-top:15px;
  border: 2px solid #c1251e;
  background-color: #ffffff !important;
  width: 238px;
  margin-left: auto;
  margin-right: auto;
  font-size: 11px;
}
#error_box tr td { background-color: #ffdee0; color: #b80800; background-image: none !important; border: none !important; padding: 4px 0px; font: 12px sans-serif,arial;  }
#error_box tr th { background-color: #c1251e; color: #ffffff; background-image: none !important; text-align: left; padding-left:4px; font-weight: bold; font: 12px sans-serif,arial; }

.textfield { width:130px; }

#green_box {
  margin-top:15px;
  border: 2px solid #00c200;
  background-color: #ffffff !important;
  width: 238px;
  margin-left: auto;
  margin-right: auto;
  font-size: 11px;
}
#green_box tr td { background-color: #DDF2DD; color: #008b00; background-image: none !important; border: none !important; padding: 4px 0px; }
#green_box tr th { background-color: #c2f0c2; color: #008b00; background-image: none !important; text-align: left; padding-left:4px; font-weight: bold; }

#logout { display: block; float: right; margin-right: 12px; font: normal 11px Arial; color: #cd0000 !important; text-decoration: none; }
#logout img { margin:0px 0px 0px 4px; }

#login tr td.smgray
{
  color: #999999;
  font-size: 10px;
  padding: 0px 0px 0px 0px;
  padding-left: 10px!important;
  text-align: left;
}

.submit_b {
	width: 110px; 
	cursor:pointer; border: none;
	color:#ffffff; font: bold 11px Arial;
	padding: 4px 16px; background:url(../images/submit_bg.gif) no-repeat center top;
}