html,body{width:auto;height:auto;padding:0;background:#fff;margin:0;font-family:arial}
a { text-decoration:none }
.container { width:auto; margin:0 auto; padding-top:100px; }

#bar { width:auto; height:auto; padding:15px 0; background:url(../img/bar.png) repeat-x; }
#container { width:auto; margin:0 auto; }

/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#DmsContainer {
    position:relative;
    float:right;
    font-size:12px;
}

/* Login Button */
#DmsButton { 
width:auto;
    float:right;
    background:#d2e0ea url(../img/buttonbg.png) repeat-x; 
    border:1px solid #899caa; 
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Login Button Text */
#DmsButton span {
    color:#445058; 
    font-size:12px; 
    font-weight:bold; 
    text-shadow:1px 1px #fff; 
    padding:7px 29px 9px 10px;
    background:url(../img/loginArrow.png) no-repeat 130px 7px;
    display:block
}

#DmsButton:hover {
    background:url(../img/buttonbgHover.png) repeat-x;
}

/* Login Box */
#DmsBox {
    float:center;
    /*display:none;*/
	top:50px;
    z-index:29;
	padding-left:0px;
}

/* If the Login Button has been clicked */    
#DmsButton.active {
    border-radius:3px 3px 0 0;
}

#DmsButton.active span {
    background-position:130px -76px;
}

/* A Line added to overlap the border */
#DmsButton.active em {
    position:absolute;
    width:50%;
    height:1px;
    background:#d2e0ea;
    bottom:-1px;
}

/* Login Form */
#DmsForm {
    width:55%; 
    border:1px solid #899caa;
    border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    margin-top:-1px;
    background: #ccc;   /* #d2e0ea; */
    padding:0px;
}

#DmsFormNew {
    width:35%; 
	background:url(../../img/infor_icon.png);
	background-repeat:no-repeat;
    border:1px solid #899caa;
    border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    margin-top:-1px;
    padding:0px;
}

#DmsForm fieldset {
    padding-left:15px;
	padding-right:15px;
    margin:0 0 0 0;
    background:#fff;
    /*background:#FF6633;
    background:rgba(128,0,0, 0.6); */
    display:block;
    border:0;
}
#DmsForm fieldset2 {
  display:block;
  padding-bottom:10px;
  margin:0 0 0 0;
  background:#d2e0ea;
  border:0;
}

fieldset#body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:5px 5px;
    margin:0;
}

fieldset2#body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:5px 5px;
    margin:0;
}

#DmsForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

#body label {
    color:#000000;
    margin:0 0 0 0;
    display:block;
    float:left;
	font-size:12px;
	padding-bottom:0px;
}

#DmsForm #body fieldset label {
    display:block;
    float:left;
	padding-left:0px;
    margin:0 0 0px 0;
}

/* Default Input */
#DmsForm input {
    width:100%;
	height:30px;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding-left:5px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Sign In Button */
#DmsForm #login {
    width:auto;
    float:right;
    background:#339cdf url(../img/DmsButtonbg.png) repeat-x;
    color:#fff;
    /*padding:7px 10px 8px 10px;*/
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
#DmsForm span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}

#DmsForm span a {
    color:#FF0000;
    text-shadow:1px 1px #fff;
    font-size:12px;
}

input:focus {
    outline:none;
}