/* Login Panel */

@import url( hover.css );

#top             { height: 41px; position: relative; }
#top ul.login li { display: block; float: left; }
#top ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 41px;
	width: auto;
	margin: 0;
}

/* Login */
/* toggle effect - show/hide login*/
#login {
	width: 100%;
	background:url(../images/back-panel.gif) repeat-x bottom;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 0;
}

#login .loginContent {
	width: 960px;
	background:url(../images/back-inner-panel.gif) no-repeat bottom center;
	height: 120px;
	margin: 0 auto;
	padding: 10px 20px 0 20px;
	font-size: 0.85em;
}

#login .loginClose {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 70px;
	font-size: 0.8em;
	text-align: left;
}

#login .loginClose a {
	display: block;
	width: 100%;
	height: 20px;
	background: url(../images/button_close.jpg) no-repeat right 0;
	padding-right: 10px;
	border: none;
	font-size: 0.9em;
	color: white;
}

#login .loginClose a:hover { background: url(../images/button_close.jpg) no-repeat right -20px; }

.livehelp    { margin:8px 60px 0 0; cursor:pointer; }
#toggleLogin { margin:0 9px 9px 0; }


.reg-button   { width:180px; float:left; padding:10px 0 0 30px; color:#C4C8CB; line-height:1.2em; border-left:solid 1px #636666; }
.login-form   { margin-right:30px; width:209px; float:left; }
.login-text   { float:left; padding:10px 40px 10px 20px; width:380px; color:#C4C8CB; text-align:justify; line-height:1.2em; }

#password { width:136px; padding:5px 5px 5px 28px; background:url(../images/input-icons.gif) no-repeat 0 -82px #fff; border:solid 1px #525656; }
#username { width:136px; padding:5px 5px 5px 28px; background:url(../images/input-icons.gif) no-repeat 0 -3px #fff; border:solid 1px #525656;}

.button-login       { width:86px; height:30px; background:transparent url(../images/button-login.png) top left no-repeat; border:none; }
.button-login:hover { background:transparent url(../images/button-login.png) top right no-repeat; cursor:pointer; }
.button-go       { width:56px; height:30px; background:transparent url(../images/button-go.png) top left no-repeat; border:none; text-indent:-1; }
.button-go:hover { background:transparent url(../images/button-go.png) top right no-repeat; cursor:pointer; }

.loginContent a { color:#FFF; font-weight:bold; }
.loginContent a:hover { color:#00A5DF; }
.forms-box {
	float:left; 
	padding:10px 30px; 
	width:460px;
	background-color:#525656;
	
	border-radius: 7px;
	-opera-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
 }
.checkbox-text  { color:#CCC; }


/* Sliding Fields */
.kwicks li { float:left; width:100px; height:40px; margin-right:0px; display:block; overflow:hidden; padding:0; cursor:pointer; }  
.kwicks    { list-style:none; position:relative; margin:0 0 10px 0; padding:0; }

#kwick1 { }  
#kwick2 { }