/*
Template Name: School Education
File: LoginSlider CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>

Inspired By: Sliding Login Panel with jQuery from http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
*/

#topbar{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#topbar a{
	 color:#232222;
	
	}

#topbar a:hover{
	color:#FFFFFF;
	
	}

#slidepanel{
	display:none;
	position:relative;
	width:100%;
	overflow:hidden;
	color:#E3DFD2;
	 box-shadow: 0 0px 2px #999999;
     border-radius: 0 0 0 7px;
	}

/* ----------------------------------------------Content-------------------------------------*/

#topbar .topbox{
	display:block;
	float:left;
	padding:10px 25px 0px;
	}

#topbar .last{
	margin-right:0;
	}

#topbar h1, #topbar h2, #topbar h3, #topbar h4, #topbar h5, #topbar h6{
	font-size:18px;
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	border-bottom:1px dotted #E7E6E6;
	}

#topbar p{
	margin:3px 0 15px;
	padding:0;
	line-height:1.6em;
	}

#topbar p.readmore{
	display:block;
	margin:0;
	text-align:right;
	line-height:normal;
	font-weight:bold;
	}

/* ----------------------------------------------Forms-------------------------------------*/

#topbar form, #topbar fieldset, #topbar legend{margin:0; padding:0; border:none;}
#topbar legend{display:none;}
#topbar input, #topbar textarea, #topbar select{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;}

#topbar label{
	display:block;
	width:270px;
	margin:0 0 12px 0;
	padding:0;
	}

#topbar label input{
	display:block;
	margin:5px 0;
	padding:3px;
	color:#333333;
	background-color:#F8F7DF;
	border:1px solid #CCCCCC;
	}

#topbar .topbox p input{
	 background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    color: #666666;
    cursor: pointer;
    margin-right: 5px;
    padding: 4px;
    width: 282px;
	}

#topbar label input.checkbox{
	display:inline;
	width:auto;
	margin:0 5px 0 0;
	padding:0;
	} 

/* ----------------------------------------------Tab Panel-------------------------------------*/

#loginpanel{
	display:block;
	position:relative;
    top:0;
}

#loginpanel ul{
	background-color: #528518;
    border-bottom: 3px solid #426C13;
    border-radius: 0 0 20px 20px;
    color: #E3DFD2;
    display: block;
    float: right;
    height: 30px;
    margin: 0;
    padding: 5px;
    text-align: center;
    position:relative;
    z-index:9999;
}

#loginpanel li{
	display:block;
	height:24px;
	margin:0;
	padding:0;
	}

#loginpanel li.left{
	float:left;
	text-align:right;
	padding-left:10px;
	}

#loginpanel li.right{
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
	}

#loginpanel a{
	display:block;
}

.username {
float:left;
margin-right:20px;
}
.loginnow {
    padding: 5px;
}
.administration   {

padding:6px;
border-radius:3px;
background-image:linear-gradient(#D4D4D4, #CFCFCF);
border:1px solid #fafafa;
color:#000;

}

.ebpstoback {
    width:100%; 
    background-color:#286202;
}