@charset "utf-8";
/*
Template Name: Educational
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: LoginSlider CSS

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

#topbar{display:block; position:relative; width:1024px; margin:0 auto; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#topbar a{color:#F8F7DF; background-color:#313131;}
#topbar a:hover{color:#8B785F; background-color:#313131;}
#slidepanel{display:none;  z-index:3;position:relative; width:1024px; overflow:hidden; color:#FFFFFF; background:url("images/tab_l.gif") bottom left no-repeat #313131;}

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

#topbar .topbox{display:block; float:left; width:325px; padding:5px;}
#topbar .last{margin-right:0px;}
#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;color:#e0e0e0;}
#topbar p{margin:0 0 15px 0; padding:0; line-height:1.6em;color:#dfdfdf;}
#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; color:#d8d8d8;width:290px; 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:100%; height:32px; margin:0; padding:6px 0 0 0; text-align:center; color:#CCCCCC; background-color:#313131;}
#loginpanel li{display:block;  margin:0; padding:0;}
#loginpanel li.left{float:left; text-align:left; padding-left:10px; background:url("images/tab_l.gif") no-repeat bottom left;  width:325px;}
#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;}