/*MooSlide stylesheet*/

.mooSlide {
	background-color: #F1F2F3;
	padding: 0;
	font: normal 12px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	margin: 0 auto;
	text-align: left;
	display: none;
	width: 550px;
	height:550px;
	left : 100px;
}

.mooSlide a {
	text-decoration: underline;
}

.mooSlide h1 {
	font: normal 18px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top: 10px;
	margin-top: 10px;
}

/* padlock icon from IconsPedia */
/* http://www.iconspedia.com/icon/padlocks-1464.html */
.mooSlide h1.padlock {
	background: url(images/padlock.jpg) no-repeat 0 bottom;
	padding-left: 25px;
}

/*box*/
#top {
	display: block;
    clear: both;
	height: 26px;
	width: 550px;
	background: url(images/top_bg.jpg) repeat-x 0 0;
}

#top .top_left {
	display: block;
    clear: left;
	float: left;
	height: 26px;
	width: 9px;
	background: url(images/top_left.jpg) no-repeat 0 0;
}

#top .loginClose {
	float: right;
	width: 18px;
	height: 26px;
}

.loginClose a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/button_close.jpg) no-repeat -18px 0;
	border: none;
	text-decoration: none;
}

.loginClose a:hover {
	background: url(images/button_close.jpg) no-repeat 0 0;
}

.top_right {
	display: block;
    clear: right;
	float: right;
	height: 26px;
	width: 10px;
	background: url(images/top_right.jpg) no-repeat right 0;
}

#bottom {
	display: block;
    clear: both;
	width: 550px;
	height: 15px;
	background: url(images/bottom_bg.jpg) repeat-x 0 bottom;
}

#bottom .bottom_left {
	display: block;
    clear: left;
	float: left;
	height: 15px;
	width: 9px;
	background: url(images/bottom_left.jpg) no-repeat 0 bottom;
}

#bottom .bottom_right {
	display: block;
    clear: right;
	float: right;
	height: 15px;
	width: 10px;
	background: url(images/bottom_right.jpg) no-repeat right bottom;
}

/* Content */
.mooSlide .wrapper {
	background: url(images/middle_left.jpg) repeat-y 0 0;
	width: 550px;
}

.mooSlide .content {
	background: url(images/middle_right.jpg) repeat-y right 0;
	width: 550px;
}

.mooSlide .left {
	width: 240px;
	float: left;
	padding-left: 20px;
}

.mooSlide .right {
	width: 245px;
	float: left;
	padding-left: 20px;
}

.mooSlide .sep {
	width: 2px;
	height: 480px;
	margin-top: 25px;
	float: left;
	background: url(images/sep.jpg) repeat-y 0 0;
}

form
.mooSlide form {
	margin: 0 0 10px 0;
	/*height: 26px;*/
}

.mooSlide label {
	float: left;
	padding-top: 8px;
	clear: both;
	display: block;
	width: 230px;
}

.textbox {
border: 1px #ccc solid;
}

.mooSlide input {
	/*border: 1px #ccc solid;*/
	/*background: white;
	margin-right: 5px;
	margin-top: 3px;*/
	/*height: 16px;*/
	/*float: left;*/
	clear: both;
/*	display: block;*/
}

.mooSlide input:focus {
	border: #999 1px solid;
}

.mooSlide input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

.mooSlide input.button_login {
	width: 84px;
	height: 22px;
	cursor: pointer;
	border: none;
	margin-top: 10px;
	background: transparent url(images/button_login.jpg) no-repeat 0 0;
}
.mooSlide input.button_login:hover {
	background: transparent url(images/button_login.jpg) no-repeat 0 -22px;
}
.mooSlide input.button_submit {
	width: 84px;
	height: 22px;
	cursor: pointer;
	border: none;
	margin-top: 10px;
	background: transparent url(images/button_submit.gif) no-repeat 0 0;
}

/*.mooSlide input.button_submit:hover {
	background: transparent url(images/button_login.jpg) no-repeat 0 -22px;
}
*/

.mooSlide input.button_register {
	width: 84px;
	height: 22px;
	cursor: pointer;
	border: none;
	margin-top: 10px;
	background: transparent url(images/button_register.jpg) no-repeat 0 0;
}
.mooSlide input.button_register:hover {
	background: transparent url(images/button_register.jpg) no-repeat 0 -22px;
}