/*MooSlide stylesheet*/

.mooSlide {
	background-color: #000000;
	padding-top: 45px;
        padding-bottom: 0px;
        padding-right: 10px;
        padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #FFFFFF;
	border: 1px solid #aaf142;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        margin: 0px 5px 0px 501px;
	text-align: left;
	font-size: 0.85em;
	display: none;
	width: 295px;
        font-family: "Trebuchet MS", Helvetica, Sans-Serif;
}

.mooSlide .top{
background:#000 url(images/heading_bg.gif) repeat-x scroll 0 bottom;
border-top:1px solid #fffeff;
border-right:1px solid #fffeff;
border-left:1px solid #fffeff;
font-size:15px;
color:#fff;
font-weight:bold;
padding:8px 10px;
text-shadow:1px 1px 6px #e5eef8;
 -moz-border-radius-topleft: 5px;
 -webkit-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px;
 -webkit-border-radius-topright: 5px;
margin-top:15px;
}

.moSlide .top img{
float:right;
padding-right:10px;
padding-top:-10px;
margin-top:15px;
}

.mooSlide .content {
background:#000;
background-repeat:repeat-x;
border:1px solid #fffeff;
border-top:none;
color:#000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-radius-bottomleft:5px;
padding:10px;
height:120px;
}

.moSlide .fl {
float:left;
}

.mooSlide h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 22px;
	color: white;
}

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

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

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

.mooSlide .left {
	width: 260px;
	float:left;
	padding-left: 25px;
        padding-top: 50px;
}

.mooSlide .right {
	width: 270px;
	float: left;
	padding-left: 25px;
}

.mooSlide .sep {
	width: 1px;
	height: 180px;
	margin-top: 25px;
	float: left;
	border-right: 1px solid #333;
}

.mooSlide .name { color:#fff; font-size:14px; font-weight:bold; width:70px; float:left; margin:7px 5px 5px 5px; }

.mooSlide .username {
  border:1px solid #8A8265;
  background:#ffffff; -moz-border-radius: 5px;
	-webkit-border-radius:5px;
  width: 171px;
  height: 20px;
  color: #000;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-indent: 4px;
  font-size: 11px;
  margin-top:5px;
}

.mooSlide .password {
  border:1px solid #8A8265;
  background:#ffffff; -moz-border-radius: 5px;
	-webkit-border-radius:5px;
  width: 171px;
  height: 20px;
  color: #000;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-indent: 4px;
  font-size: 11px;
  margin-top:5px;
}

.mooSlide .submit {
  background: url(images/top_login.png) no-repeat; 
  widht:65px;
  height:24px;
  font-weight:bold;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 12px;
  padding:0px 4px 3px 4px;
  margin-top:10px;
  margin-left:188px;
}



.mooSlide .loginClose {
	display: block;
	position: absolute;
	right: 15px;
	top: 5px;
	width: 26px;
}

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

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