* {margin:0;padding:0;}
html, body, #wrapper {
  height:100%;
}

body {
  background:url(../gfx/login_bg2.png) repeat-x #32373D;
  /*background:url(../gfx/login_bg.png) repeat-x #4F585D;*/
  /* background:url(http://cucweb.org/images/bg_clouds.png) no-repeat #0E252E; */
  font-size:11px;
  line-height:20px;
  font-family:Helvetica,Arial,Verdana,sans-serif;
}


body.message {
  background-position:left 26px;
}



#wrapper {
  background:url(../gfx/login_spinner2.gif) center no-repeat;
}

#wrapper.loaded {
  background:none;
}
#copy {
  position:absolute;
  right:10px;
  bottom:5px;
  z-index:100;
}
#copy a {
  color:#ccc;
  text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}

#version {
  position:absolute;
  right:5px;
  top:5px;
  z-index:100;
  color:#ccc;
  text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}
.message #version {
  top:31px;
}

#secure {
  position:absolute;
  left:10px;
  bottom:5px;
  z-index:100;
  color:#ccc;
  text-indent:21px;
  background:url(../gfx/icons/lock-plus.png) left center no-repeat;
  text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}
#logo {
  position:absolute;
  left:10px;
  top:5px;
  width:100px;
  height:20px;
}
.message #logo {
  top:32px;
}
#logo a {
  display:block;
  width:100px;
  height:18px;
  text-indent:-9999px;
}

#box,
#box-migrate,
#box-recover,
#box-reset,
#password {
  z-index: 1;
  position:absolute;
  left:50%;
  margin:-105px 0 0 -215px;
  width:380px;
  padding:25px;
}

#box,
#box-recover,
#box-reset,
#password {
  top:-210px;
  height:160px;
  background:url(../gfx/login_box.png);
}

#box-migrate {
  z-index: 0;
  width: 405px;
  text-align: center;
  display: none;
}

#box-migrate > * {
  margin-left: 5px; /* compensation for the shadow */
}

#box .inner,
#box-migrate,
#box-migrate > *,
#box-recover .inner,
#box-reset .inner,
#password .inner {
  padding:10px;
}

#box .title,
#box-recover .title,
#box-reset .title,
#password .title {
  padding-left:84px;
  width:276px;
  height:40px;
  font-size:12px;
  color:#666;
}

#box-reset .title { height:100% }

#box-recover .title,
#box-recover .title {
	height:60px;
}

#box .title h1,
#box-recover .title h1,
#box-reset .title h1,
#password .title h1{
  color:#000;
  font-size:16px;

}

#box .fields,
#box-reset .fields,
#box-recover .fields,
#password .fields {
  border-bottom:1px solid #CCC;
  height:62px;
  padding-left:84px;
}

#box-recover .fields,
#box-reset .fields { height:45px; }

#box-reset .fields.password { height: 65px}


#box .fields .f,
#box-recover .fields .f,
#box-reset .fields .f,
#password .fields .f {
  margin-top:4px;
}
#box .button,
#box-recover .button,
#box-reset .button,
#password .button {
  border-top:1px solid #FFF;
  height:24px;
  padding-top:10px;
}
#box .button .left,
#box-reset .button .left,
#password .button .left {
  height:16px;
  line-height:16px;
  text-indent:21px;
  margin-top:8px;
  background:url(../gfx/icons/key-question.png) left center no-repeat;
  font-size:10px;
}
#box .button .left a,
#box-reset .button .left a,
#password .button .left a {
  color:#666;
}

#password {
}
#password .title {
  height:60px;
}
#password .fields {
  height:42px;
}

#x_message {
  position:absolute;
  display:none;
  left:0;
  right:0;
  top:0;
  height:26px;

  line-height:26px;
  text-indent:36px;
  z-index:1000;
  font-weight:bold;
}
#x_message.red {
  background:url(../gfx/x_message_bg.png) left -52px repeat-x;
}
#x_message.green {
  background:url(../gfx/x_message_bg.png) left -104px repeat-x;
}
#x_message.red .inner {
  background:url(../gfx/icons/minus-octagon-frame.png) 10px 4px no-repeat;
  color:#FFF;
}
#x_message.green .inner {
  background:url(../gfx/icons/tick-octagon-frame.png) 10px 4px no-repeat;
  color:#FFF;
}
.message #x_message {
  display:block;
}


#alert {
  position:absolute;
  left:50%;
  top:50%;
  width:450px;
  height:187px;

  padding:25px;
  font-size:14px;
  color:#ccc;

  margin:-118px 0 0 -250px;
  background:url(../gfx/login_alert.png);
}
#alert h1 {
  color:#FFFFFF;
  font-size:20px;
  height:20px;
  line-height:20px;
}
#alert .text {
  line-height:20px;
  padding:10px 0;
  border-top:1px solid #222;
  border-bottom:1px solid #222;
  margin:10px 0;

}