/*
Name: Nice Login and Signup Panel using Mootools 1.2
Tutorial URI: http://web-kreation.com/demos/login_form_mootools_1.2/
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: August 2008

	The CSS, XHTML and design is released under Creative Common License 2.5:
	http://creativecommons.org/licenses/by-sa/2.5/

*/

/* Login Panel */
#top {
  /*	background: url(../images/login_top.jpg) repeat-x 0 0;*/
	height:38px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
position:relative;
width:992px;
}

#top ul.login {
	position: relative;
  	float: right;
  	height: 31px;
	width: auto;
  	font-weight: bold;
	line-height: 31px;
	margin:0;
	right: 52px;
  	color: white;
  	font-size: 80%;
	text-align: center;
  	background: url(../images/login_r.png) no-repeat right 0;
	padding-right: 42px;
}

#top ul.login li.left {
  	background: url(../images/login_l.png) no-repeat left 0;
  	height: 31px;
	width: 42px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

#top ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 31px;
	line-height:26px;
  	background: url(../images/login_m.gif) repeat-x 0 0;
}

#top ul.login li a {
	color: #ffffff;
}

#top ul.login li a:hover {
	color: white;
}

/*Login*/
/* toggle effect - show/hide login*/
#login {
	width: 100%;
	color: white;
	/*background: #011b5a;*/
	background: #011F67;
	 
	overflow: hidden;
	position: relative;
	z-index: 9999;
	height: 0;
}

#login a {
	text-decoration: none;
	color: #71d2fc;
}

#login a:hover {
	color: white;
}

#login .loginContent {
	width: 550px;
	height: 80px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
	font-size: 0.85em;
}

#login .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}

#login .loginContent .right {
	width: 290px;
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
}


#login .loginContent form {
	margin: 0 0 10px 0;
	height: 26px;
}

#login .loginContent input.field {
	border: 1px #66cbf9 solid;
	background: #dfe8ed;
	margin-right: 5px;
	margin-top: 4px;
	color: #011a58;
	height: 18px;
}

#login .loginContent input:focus.field {
	background: #66ccfc;
}

#login .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

#login .loginContent input.button_login {
	width: 62px;
	height: 25px;
	cursor: pointer;
	border: none;
	background: transparent url(../images/button_login.jpg) no-repeat 0 0;
}

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

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

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



#top ul.login01 {
	position: relative;
  	float: right;
  	height: 31px;
	width: auto;
  	font-weight: bold;
	line-height: 31px;
	margin: 0;
	right:70px;
  	color: white;
  	font-size: 80%;
	text-align: center;
  	background: url(../images/login_r1.png) no-repeat right 0;
	padding-right: 42px;
}

#top ul.login01 li.left {
  	background: url(../images/login_l1.png) no-repeat left 0;
  	height: 31px;
	width: 42px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

#top ul.login01 li {
 	text-align: left;
  	padding: 0 0px;
	display: block;
	float: left;
	height: 31px;
	line-height:28px;
  	background: url(../images/login_m1.gif) repeat-x 0 0;
}

#top ul.login01 li a {
	color: #011a58;
}

#top ul.login01 li a:hover {
	color: #011a58;
}


/*Login*/
/* toggle effect - show/hide login*/
#login01 {
 width: 100%;
 color: white;
 background: #267dc4;
 overflow: hidden;
 position: relative;
 z-index: 3;
 height: 0;
}

#login01 a {
 text-decoration: none;
 color: #71d2fc;
}

#login01 a:hover {
 color: white;
}

#login01 .loginContent {
 width: 550px;
 height: 80px;
 margin: 0 auto;
 padding-top: 25px;
 text-align: left;
 font-size: 0.85em;
}

#login01 .loginContent .left {
 width: 120px;
 float: left;
 padding-left: 65px;
 font-size: 0.95em;
}

#login01 .loginContent .right {
 width: 290px;
 float: right;
 text-align: right;
 padding-right: 65px;
 font-size: 0.95em;
}

#login01 .loginContent form {
 margin: 0 0 10px 0;
 height: 26px;
}

#login01 .loginContent input.field {
 border: 1px #1f64a7 solid;
 background: #f4f4f5;
 margin-right: 5px;
 margin-top: 4px;
 color: #011a58;
 height: 18px;
}

#login01 .loginContent input:focus.field {
 background: #d8e0e5;
}

#login01 .loginContent input.rememberme {
 border: none;
 background: transparent;
 margin: 0;
 padding: 0;
}

#login01 .loginContent input.button_login {
 width: 62px;
 height: 25px;
 cursor: pointer;
 border: none;
 background: transparent url(../images/button_login.png) no-repeat 0 0;
}

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

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

#login01 .loginClose a:hover {
 background: url(../images/button_close.png) no-repeat right -20px;
}
.bordertop {
	border-top:4px solid #011e63;
}

#top ul.login02 {
	position: relative;
  	float: right;
  	height: 31px;
	width: auto;
  	font-weight: bold;
	line-height: 31px;
	margin: 0;
	right:30px;
  	color: #011a58;
  	font-size: 80%;
	text-align: center;
  	background: url(../images/login_br1.png) no-repeat right 0;
	padding-right: 42px;
}

#top ul.login02 li.left {
  	background: url(../images/login_bl1.png) no-repeat left 0;
  	height: 31px;
	width: 42px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

#top ul.login02 li {
 	text-align: left;
  	padding: 0 0px;
	display: block;
	float: left;
	height: 25px;
	line-height:28px;
  	background: #093e8d;
}

#top ul.login02 li a {
	color: #8fb9f9;
}

#top ul.login02 li a:hover {
	color: #8fb9f9;
}


/*Login*/
/* toggle effect - show/hide login
#login02 {
	width: 100%;
	color: #011B5A;
	background: #093e8d;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 0;
}

#login02 a {
	text-decoration: none;
	color: #011a59;
}

#login02 a:hover {
	color: #71d2fc;
}

#login02 .loginContent {
	width: 550px;
	height: 80px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
	font-size: 0.85em;
}

#login02 .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}

#login02 .loginContent .right {
	width: 290px;
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
}

#login02 .loginContent form {
	margin: 0 0 10px 0;
	height: 26px;
}

#login02 .loginContent input.field {
	border: 1px #011a59 solid;
	background: #f4f4f5;
	margin-right: 5px;
	margin-top: 4px;
	color: #011a58;
	height: 18px;
}

#login02 .loginContent input:focus.field {
	background: #d8e0e5;
}

#login02 .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

#login02 .loginContent input.button_login {
	width: 62px;
	height: 25px;
	cursor: pointer;
	border: none;
	background: transparent url(../images/login_blue.gif) no-repeat 0 0;
}

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

#login02 .loginClose a {
	display: block;
	width: 100%;
	height: 15px;
	background: url(../images/button_close1.jpg) no-repeat right 0;
	padding-right: 10px;
	border: none;
	font-size: 0.9em;
	color: #000;
	padding-top:5px;
}

#login02 .loginClose a:hover {
	background: url(../images/button_close1.jpg) no-repeat right -20px;
}*/
#login02 {
	width: 100%;
	color: white;
	background: #093e8d;
	overflow: hidden;
	position: relative;
	z-index: 9999;
	height: 0;
}

#login02 a {
	text-decoration: none;
	color: #71d2fc;
}

#login02 a:hover {
	color: white;
}

#login02 .loginContent {
	width: 550px;
	height: 80px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
	font-size: 0.85em;
}

#login02 .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}

#login02 .loginContent .right {
	width: 290px;
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
}

#login02 .loginContent form {
	margin: 0 0 10px 0;
	height: 26px;
}

#login02 .loginContent input.field {
	border: 1px #66cbf9 solid;
	background: #dfe8ed;
	margin-right: 5px;
	margin-top: 4px;
	color: #011a58;
	height: 18px;
}

#login02 .loginContent input:focus.field {
	background: #66ccfc;
}

#login02 .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

#login02 .loginContent input.button_login {
	width: 62px;
	height: 25px;
	cursor: pointer;
	border: none;
	background: transparent url(../images/button_login.png) no-repeat 0 0;
}

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

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

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