body {
    /* background: url('../Image/Shared/vic_scouts_logo_background.png'); */
    /* background: url('../Image/Shared/test.png'); */
    /* background-repeat: repeat; */
    margin: 0;
    padding: 0;
}

#login-top {
    background: #003160;
    height: 40px !important;
    height: 60px;
    padding: 10px 0;
    width: 400px;
    margin-left:0px;
}

#login-top h1, #login-topEx h1 {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    /**fix the IE7 vertical-alignment middle problem**/
    margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0"); 
    text-align: center;
}


#logo {
    /* height: 160px !important;
    height: 180px; */
    margin-bottom: 5px;
    padding: 10px 0;
    /* width: 400px; */
}

#logo img {
    /**fix the IE7 vertical-alignment middle problem**/
/*     margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0"); */
    text-align: center;
}

#logo h2, #logoEx h2 {
    color:#193831;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size:18px;
    font-weight:bold;
    margin:0;
    padding:0;
    text-align: center;
}

#form {
    height:150px;
    width:400px; 
}


div ul, div li {
    border:0;
    list-style:none;
    margin:0; 
    padding:0;
}

div li {
    clear:both;
    list-style:none;
    padding-bottom:30px;
    *padding-bottom:10px;
}

div li.button {
    margin-top: 8px;
    padding-bottom:0px;
}

/*for link and normal message*/
div li.link, div li.linkEx,  div li.msg, div li.error {
    font-size:10px;
    font-weight:bold;
    padding-bottom:5px;
    text-align:center;
}

/*for error message*/
div li.error {
    color:red;
    font-size:11px;
    *padding-bottom:1px;
}

/*for normal message (remove padding on <p>)*/
div li.msg p {
    padding:0;
    margin:2px;
}


div li.link a:link, li.linkEx a:link, p.msg a:link {
    color:#193831;
}

div li.link a:visited,  li.linkEx a:visited, p.msg a:visited{
    color:#193831;
}

div li.link a:hover, li.linkEx a:hover, p.msg a:hover  {
    color:#33CC33;
}

div li input[type=text], div li input[type=password] {
    float:left;
}

div label {
    color:#193831;
    float:left;
    font-weight:bold;
    font-size:12px;
    width:120px;
}

div li.link {
    font-size:10px;
    padding-bottom:5px;
    *padding-bottom:0px;
    text-align:center;
}

/*css settings for extranet login*/

#login-topEx {
    background: #003160;
    height: 40px !important;
    height: 60px;
    padding: 10px 0;
    width:450px;
    margin-left:0px;
}


#logoEx {
    height: 160px !important;
    height: 180px;
    margin-bottom: 5px;
    padding: 10px 0;
    width:450px;
}

#formEx {
    margin-top : 150px;
    height:150px;
    width:450px; 
}

div .labelEx {
    color:#193831;
    float:left;
    font-weight:bold;
    font-size:12px;
    padding-left:30px;
    width:120px;
}

div li.linkEx {
    font-size:10px;
    padding-bottom:10px;
    *padding-bottom:0px;
    text-align:center;
}

div li.MyScout{
     padding-bottom:5px;
    padding-bottom:0px;
    /* text-align:center; */
}


.roundedCornerWithBorderBox_905030 {
    background-color:#FFFFFF;
    border:6px solid #003160;
    height:640px;
    margin:0 auto;
    position:relative;
    text-align:center;
    top:50px;
    width:450px;
    zoom:1;
}

.roundedCornerWithBorderBox_905031 {
    background-color:#FFFFFF;
    border:6px solid #003160;
    height:700px;
    margin:0 auto;
    position:relative;
    text-align:center;
    top:50px;
    width:400px;
    zoom:1;
}

.roundedCornerWithBorderBox_905032 {
    background-color:#FFFFFF;
    border:6px solid #003160;
    height:280px;
    margin:0 auto;
    position:relative;
    text-align:center;
    top:150px;
    width:600px;
    zoom:1;
}

#msg-top {
    background: #003160;
    height: 20px !important;
    height: 40px;
    padding: 10px 0;
    width: 600px;
    margin-left:0px;
}

p.msg, p.msg-add {
    font-size:12px;
    font-weight:bold;
    margin:5px;
    text-align:center;
}

p.msg-add {
    text-align:left;
}

.corner_905030 {
    background-image:url('../Image/Login/roundedcornerwithborder_9050302.png');
    font-size:0;
    height:15px;
    position:absolute; 
    width:15px; 
}

.imgClass { 
    background: url('../Image/Login/button77281202.png') 0px 0px no-repeat;
    width: 100px;
    height: 41px;
    border: 0px;
}
.imgClass:hover{  
    background: url('../Image/Login/button94036599.png') 0px 0px no-repeat;
}

.imgResetClass { 
    background: url('../Image/Login/button77361416.png') 0px 0px no-repeat;
    width: 100px;
    height: 41px;
    border: 0px;
}
.imgResetClass:hover{  
    background: url('../Image/Login/button77430504.png') 0px 0px no-repeat;
}
.topLeft_905030 {
    background-position:0px 0px;
    left:-6px;
    top:-6px; 
    z-index:2
}

.topRight_905030 {
    background-position:-16px 0px;
    right:-6px; 
    top:-6px; 
    z-index:2
}

.bottomLeft_905030 {
    background-position:0px -16px;
    bottom:-6px; 
    left:-6px; 
}

.bottomRight_905030 {
    background-position:-16px -16px;
    bottom:-6px; 
    right:-6px; 
}

/*Fix IE6 1px bug*/
* html .topRight_905030 {
    border-right:#003160 solid 1px; /* same color as background */
    margin:  0 -1px 0  0;
}

* html .bottomLeft_905030 {
    border-bottom: #003160 solid 1px;
    margin:  0 0 -1px 0;
}

* html .bottomRight_905030 {
    border-bottom: #003160 solid 1px;
    border-right: #003160 solid 1px;
    margin:  0 -1px -1px 0;
}

.button {
    background-color: #003160; /* Green */
    border: none;
    color: white;
    padding: 6px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 2px;
  }

  .outerLink {
      color: #003160;
  }