/*

Template Name: Educational

File: LoginSlider CSS

Author: OS Templates

Author URI: http://www.os-templates.com/

Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</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;

	max-width:960px;

	font-size:12px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}



#topbar a{

	color:#F8F7DF;

	background-color:#F24C15;;

	}



#topbar a:hover{

	color:#ffcc00;

	background-color:#F24C15;;

	}



#slidepanel{

	display:none;

	position:relative;

	width:960px;

	overflow:hidden;

	color:#FFFFFF;

	

	background:url("../../images/") bottom left no-repeat #F24C15;

	}



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



#topbar .topbox{

	display:block;

	float:left;

	width:270px;

	margin:0 30px 0 0;

	padding:15px;

	}



#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:0 0 15px 0;

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



#topbar label{

	display:block;

	width:270px;

	margin:0 0 12px 0;

	padding:0;

	}



#topbar label input{

	display:block;

	width:262px;

	margin:5px 0;

	padding:3px;

	color:#333333;

	background-color:#F8F7DF;

	border:1px solid #CCCCCC;

	}



#topbar .topbox p input{

	padding:3px 10px;

	color:#666666;

	background-color:#F7F7F7;

	border:1px solid #CCCCCC;

	cursor:pointer;

	}



#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{

	display:block;

	float:right;

	width:210px;

	height:24px;

	margin:0;

	padding:6px 0 0 0;

	text-align:center;

	color:#ffcc00;

	background-color:#F24C15;;

	}



#loginpanel li{

	display:block;

	height:24px;

	margin:0;

	padding:0;

	}



#loginpanel li.left{

	float:left;

	text-align:right;

	padding-left:10px;

	/*background:url("../../images/tab_l.gif") no-repeat bottom left;*/

	}



#loginpanel li.right{

	float:right;

	text-align:left;

	padding-right:10px;

	/*background:url("../../images/tab_r.gif") no-repeat bottom right;*/

	}



#loginpanel a{

	display:block;

	width:100px;

	}