@import url(../css/form.css);

div.mod-register {
	width: 540px;
	padding-top: 19px;
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	}

div.login,
.con-main div.register {padding: 5px 5px 5px 6px;}
body.register div.row,
body.register div.required,
body.register div.last,
body.register fieldset,
body.register fieldset fieldset {width: 528px !important; clear: both;}
body.register fieldset fieldset fieldset {width: 340px !important; clear: both;}

body.register legend span {
	width: 520px;
	}
body.register div.row legend span {
	width: 170px;
	}	
div.mod-register h3 {
	margin: 0;
	padding: 0;
	}

.tabs-container {
	background: url(../library/bg-filter-bottom-2.png) no-repeat bottom left #fff;
	border-top: 1px solid #ccc;
	}


/* Header login form */	
/* login form */

body.register div.mod-login h2#memberlogin {
	display: none;
	}
h2#memberlogin span { 
	display: none; 
	}
h2#memberlogin,
h2#memberlogin a {
    display: block;
    height: 26px;
    padding: 0;
    margin: 0;
	}
h2#memberlogin {background: url(../library/tit-memberlogin.gif) no-repeat 9px -1px;}	

.con-header legend {
	display: none;
	}
.con-header input.field {
	border: none;
	background-color: #fff;
	}
.con-header .js input.field {
	background-color: #c6c6c6;
	}
.con-header .element {
	padding: 0;
	}	
.con-header input.focus {
	background-color: #fff !important;
	}
.con-header label.overlabel {
	top: 0;
	left: 0;
	}
.con-header label.overlabel span.desc {
	position: absolute;
	top: 0;
	left: 2px;
	color: #000;
	}
.con-header label span.desc {
	text-indent: -9999px;
	padding: 3px 0px 3px 0px;
	margin: 0;
	}

/* Reveal field label */
.con-header label.show span.desc {
	text-indent: 0px;
	line-height: 1.45em;
	text-align: left;
	width: 100px;
	}

.con-header .mod-user {
	width: 470px;
	height: 40px;
	z-index: 100000;
	}
.con-header .mod-user p {
	line-height: 2.5em;
	padding-right: 15px;
	}
.con-header .mod-user a {
	color: #959595 !important;
	text-decoration: none !important;
	}
.con-header .mod-user a:focus,
.con-header .mod-user a:hover {
	color: #cccccc !important;
	}
.con-header .mod-user a,
.con-header .mod-user em {
	padding: 2px 15px 3px 0;
	background: transparent url(../library/login-separator.gif) no-repeat right center;
	}

.con-header .mod-user a.link-logout {
    padding-right: 27px;
	background: transparent no-repeat right top;
	background-image: url(../library/log-out.gif);
	}
.con-header .mod-user a.link-logout:focus,
.con-header .mod-user a.link-logout:hover {
	background-position: right -50px;
	}

.con-header .mod-login {
	position: absolute;
	top: 2px;
	left: 257px;
	width: 540px;
	float: left;
	display: inline;
	z-index: 100000;
	}
.con-header .mod-loginstatus {
    position: absolute; 
    z-index: 1; 
    top: 1px; 
    left: 257px; 
    height: 28px; 
    width: 420px;
    padding-left: 33px;
    background: url(../library/user.png) no-repeat 9px 6px;
    }

.con-header .mod-login fieldset fieldset {
	position: absolute;
	top: 0px;
	left: 0px;
	float: left;
	overflow: visible;
	display: inline;
	width: 520px;
	background: url(../library/bg-login.png) no-repeat 0 0;
	height: 40px;
/*	visibility: hidden;*/
	z-index: 100000;
	padding-left:30px;
	}
.con-header .mod-login legend span {
	display: block;
	height: 0;
	overflow: hidden;
	}
.con-header .mod-login div.required {
	position: absolute !important;
	left: -9999px !important;
	}
.con-header .mod-login .required,
.con-header .mod-login div.required  {
	display: none;
	}
.con-header .mod-login div.row {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	display: inline;
	background-color: Transparent;
	border: none;
	margin-top: 2px;
	}
	
.con-header .mod-login div.email {width: 162px !important;}
.con-header .mod-login div.password {width: 174px !important;}	
.con-header .mod-login div.checkbox {width: 111px !important; padding-top: 1px;}	
.con-header .mod-login div.submit { width: 60px !important; margin-top: 4px;}

.con-header .mod-login div.checkbox span.element {padding-left: 0;}	
.con-header .mod-login div.checkbox span.desc {display: none;}		

.con-header input.standardlength {width: 155px; height: 1.2em; color: #000;}
.con-header input.halflength {width: 59px; color: #000;}

.con-header .mod-login div.last,	
.con-header .mod-login div.submit .button {
	padding: 0;
	}		

.con-header .checkbox input {			
	height:13px;
	left:0pt;
	margin:0pt;
	padding:0pt;
	position:absolute;
	top:5px;
	width:13px;	
	}
.con-header .checkbox .element label {	
	padding: 2px 0 0 17px;
	color: #b1b1b1;
	display: block;
	}	
	
.con-header .mod-login .formerror {
	position: absolute;
	z-index: 100001;
	top: 20px;
	left: 5px;
	padding: 0;
	width: 350px;
	border: none;
	background: url(../library/bg-loginerror.png) no-repeat 0 0px;
	height: 65px;
	padding: 22px 15px 0 15px;
	color: #fff;
	}
.con-header .mod-login .formerror p {
	margin-bottom: 0 !important;
	}	
.con-header .mod-login .formerror h3,	
.con-header .mod-login .formerror p,
.con-header .mod-login .formerror li {
	color: #fff !important;
	font-size: 11px;
	}

img.error-x {
	position: absolute;
	top: 23px;
	left: 360px;
	cursor: pointer;
	display: none;
	}
.con-header img.error-x {
	display: block;
	}

body.register .con-header .mod-login {display: none;}




/* register panel */

.subscriptions-inner div.register {
	position: relative;
	top: 0;
	left: 0;
	}

.subscriptions-inner .register .element {
	padding: 0;
	}


.subscriptions-inner legend span {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	overflow: hidden;
	padding: 0;
	}
.subscriptions-inner input.field {
	border: none;
	background-color: #fff;
	}
.subscriptions-inner .js input.field {
	background-color: #eee;
	}

.subscriptions-inner input.focus {
	background-color: #fff !important;
	}
.subscriptions-inner label.overlabel {
	top: 0;
	left: 0;
	}
.subscriptions-inner label.overlabel span.desc {
	position: absolute;
	top: 1px;
	left: 3px;
	color: #000;
	}
.subscriptions-inner label span.desc {
	text-indent: -9999px;
	margin: 0;
	}

/* Reveal field label */
.subscriptions-inner label.show span.desc {
	text-indent: 0px;
	line-height: 1.45em;
	text-align: left;
	width: 100px;
	}