body {padding:10px;}

#content_register, #content_lostpsw {
  display: block;
  width: 100%;
  padding: 10px 20px;
  /*margin-bottom: 25px;
  padding-bottom: 35px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  */
}
#registerform label, #lostpswform label{
  display:block;
  color:#949494;
}
#registerform input, #lostpswform input{
  padding:6px;
  margin-right:5px;
  color:#949494;
  font-size:12px;
  border:1px solid #cecece;
  max-width:220px;
}
.registerform_in:before, .lostpswform_in:before
{
content: "* ";
}
#registerform input.error, #lostpswform input.error{
  background: #F7F7F7;
  border-color:#e77776;
}
#registerform input.valid, #lostpswform input.valid{
  background:#99ff99;
  border-color:#green;
}
#registerform div, #lostpswform div{
	margin-bottom: 5px;
}
#registerform div span, #lostpswform div span {
	color:#b1b1b1;
	/*white-space: pre;*/
}
#registerform div span.error, #lostpswform div span.error {
	color:red;
}
#registerform div span.valid, #lostpswform div span.valid{
	color:green;
}
#registerform #send, #lostpswform #send{
	background:#29aecf;
	color:#fff;
	font-weight: 700;
	font-style:normal;
	cursor:pointer;
}
#registerform #send:hover, #lostpswform #send:hover{
	background: #FF9933;
}
.register_head {
	background-color: #29aecf; border:1px solid #797979; border-radius: 15px; padding-left:20px; color:#FFFFFF;
}
.register_head  h3{
	color:#FFFFFF;
}
.shadow {
-moz-box-shadow: 0 0 30px 5px #999;
-webkit-box-shadow: 0 0 30px 5px #999;
box-shadow: 0 8px 15px -4px #999;
}

@media (min-width: 350px) {
	#registerform input, #lostpswform input{
	}
}
@media (max-width: 349px) { 
	#registerform input, #lostpswform input{	
		margin-left:-30px;
	}
}

/*  ---  Pagination ----  */
.recordpagination {
    background: #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
}
.recordpagination .page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.recordpagination .page:hover,.recordpagination  .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.recordpagination .page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
/*  ---  End of Pagination ----  */


/* ---------------------------------- */
/* ------ START TOP LOGIN FORM ------ */
/* ---------------------------------- */

/* Login Container (default to float:right) */
#loginContainer {
    position:relative;
    float:right;
    font-size:12px;
	line-height: 27px;
	z-index: 9999;
}

/* Login Button */
#loginButton, #logoutButton  { 
    display:inline-block;
    float:right;
    /*background:#d2e0ea url(../images/buttonbg.png) repeat-x; */
    background:#fff; 
    border:1px solid #899caa; 
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Login Button Text */
#loginButton span, #logoutButton span {
    color:#445058; 
    font-size:14px; 
    font-weight:bold; 
    text-shadow:1px 1px #fff; 
    padding:0px 29px 0px 10px;
    background:url(../images/loginArrow.png) no-repeat 53px 5px;
    display:block
}

#logoutButton span {
    background: no-repeat 61px 5px;/*url(../images/loginArrow.png)*/
}

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

/* Login Box */
#loginBox {
    position:absolute;
    top:26px;
    right:0;
    display:none;
    z-index:1111;
}

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

#loginButton.active span {
    background-position:53px -78px;
}

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

/* Login Form */
#loginForm {
    width:248px; 
    border:1px solid #899caa;
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    margin-top:-1px;
    background:#d2e0ea;
    padding:6px;
}

#loginForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

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

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

#body label {
    color:#3a454d;
    margin:9px 0 0 0;
    display:block;
    float:left;
}

#loginForm #body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    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 */
#loginForm #login {
    width:auto;
    float:left;
    background:#339cdf url(../images/loginbuttonbg.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 */
#loginForm span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}

#loginForm span a {
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}

input:focus {
    outline:none;
}

/* ---------------------------------- */
/* ------ END TOP LOGIN FORM -------- */
/* ---------------------------------- */