/* Login Panel */
#top {
 background: transparent repeat-x 0 0;
 height: 20px;
 position: relative;
}
 
#top .login {
 display: block;
 position: relative;
 float: right;
 clear: right;
 height: 20px;
 width: 100px;
 font-weight: bold;
 line-height: 15px;
 margin: 0;
 right: 150px;
 color: white;
 font-size: 80%;
 text-align: center;
 background: url(logintop.png) no-repeat right 0;
 padding-right: 0px;
 
}
 


 
#top .login a {
 color: #efefef;
}
 
#top .login a:hover {
 color: white;
}
 
/*Login*/
/* toggle effect - show/hide login*/
#login {
 width: 100%;
 color: white;
 background: url(bglogin.png);
 overflow: hidden;
 position: relative;
 z-index: 3;
 height: 0;
 
}
 
#login a {
 text-decoration: none;
 color: #33CCCC;
}
 
#login a:hover {
 color: white;
}
 
#login .loginContent {
 width: 550px;
 height: 80px;
 margin: 0 auto;
 padding-top: 0px;
 text-align: left;
 font-size: 0.85em;
 color:white;
}
 
 
 #login .saved{
	height:80%;
 } 
 
 #login .notsaved{
	height:55px;
 }

#block1 {
	margin-right:10px;
	float:left;
}

 
 
#block2{
	margin-right:10px;
	float:left;
}
 
#block3{
	float:left;
}

#submitter {
 border: none;
 background:url(submitbutton.png);
 font-weight:bold;
 width:80px;
 height:18px;
 margin: 0;
 padding: 0;
 border:1px #c50000 solid;
 color:black;
}

#login .loginContent #email,#name,#prename {
 border: none;
 background: url(inputbg.png);
 margin: 0;
 padding: 0;
 border:1px #c50000 solid;
 color:#fafafa;
}





#login .loginContent label{
color:white;
}
 

 
#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;
}