@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
html {min-width:100%;}
body {
font:0.75em Arial, Tahoma, Verdana, Helvetica, sans-serif; 
background: #fff url(../img/bodyBG.gif) repeat-x; color:#000; 
padding:0 30px;
}



td, th {
font:1.1em Arial,Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

img {border:0;}


.skiplink {
	position: absolute;
	left: 0px;
	top: -500px;
	overflow: hidden;
	z-index: 1;
}

 a {
 color:#09f; 
 text-decoration:underline;
 }
 a:hover, a:focus {text-decoration:none; outline:none }
 a.more {display:block; background:url(../img/arr_orng.gif) 0 3px no-repeat; padding-left:10px;}

 .klir {clear: both; }
 .clr {
 clear: both; 
 overflow: hidden; 
 height:0;
 }
 
  .cleft {
 clear: left; 
 overflow: hidden; 
 height:0;
 }
.clear {
clear:both;   
height: 1px;
overflow: hidden;
  line-height: 1px;
  margin-top:-1px;
  }
  
.inp, select {
  height:24px; 
  border:1px solid #E7E7E7 !important; 
  border-top:1px solid #ACACAC !important;
  width:200px;
  -moz-border-radius:3px;
  }
  
.inp_small, select.small {
  height:20px; 
  border:1px solid #1391c9; 
  width:70px; margin:0 5px;
  }
  .inp:focus, 
  select:focus, 
  textarea:focus, 
  input.text, 
  textarea.text, 
  .inp_small:focus { 
  background-color:#F4F4F4
  }
  
select {width:202px;}
  
textarea 
{
height:auto;
border:1px solid #E7E7E7; 
border-top:1px solid #ACACAC;
width:200px; 
overflow:auto;
font:1.1em Arial, Tahoma, Verdana, Helvetica, sans-serif; 
-moz-border-radius:3px;
}
textarea.big {
width:100%; 
height:300px;
}

input.btn, button.btn{
background:#333 url(../img/btnBG.gif) repeat-x; 
color:#fff; 
border:0; 
height:29px;
border:1px solid #333;
cursor: pointer;
padding-bottom:3px;
-moz-border-radius:3px;
min-width:100px;}

button.btn {line-height:29px;}


p {margin:5px 0;}
h2 {color:#F60; font-size:20px; font-weight: normal;}
h3 {color:#333; font-size:120%; margin-bottom:10px; font-weight:normal;}

div#top { height:132px; width:100%; position:relative;}
div#top h1 {padding:30px 0 0 0;}
div#top h1 a {display:block; background:url(../img/tutor_logo.gif) no-repeat; height:30px; width:287px; text-indent:-9999px;}

ul#mainMenu {list-style:none; padding-top:17px;}
ul#mainMenu li {float:left; }
ul#mainMenu li:first-child {background:url(../img/dzielnikBG.gif) left repeat-y;}
ul#mainMenu li a {height:34px; color:#fff; text-decoration:none;  display:block; float:left; line-height:34px; padding:0 20px; background:url(../img/dzielnikBG.gif) right repeat-y;}
ul#mainMenu li a:hover { background:#000 url(../img/dzielnikBG.gif) right repeat-y;}

div#content {width:100%;}

div#loginBox {border:1px solid #c8c8c8; width:660px; padding:20px; background-color:#fff}
div#loginBox h3 {color: #333; font-size:12px;}
div#loginBox form {background:#F7F7F7 url(../img/login_formBG.gif) repeat-x; border:1px solid #ccc; padding:10px; float:right; width:290px; }
div#loginBox form a {display:block; text-align:right; padding-right:10px}
div#loginBox form td {padding:0 10px 10px 0;}
div#loginBox form td.c1 {text-align:right;}
div#loginBox p.witamy {float:left; width:300px; margin-right:20px;}

div#accountBox {width:290px; height:85px; background:#F7F7F7 url(../img/login_formBG.gif) repeat-x; border:1px solid #ccc; border-top:0; padding:5px 10px; position:absolute; top:0; right:0;}
div#accountBox img {border:3px solid #333; float:left; margin-right:10px;}
div#accountBox h3 {font-size:16px; color:#f60;}
div#accountBox h3 span {color:#333; font-size:12px; display:block;}
div#accountBox .btn {float:right;}
div#accountBox a {display:block; float:left; padding-top:10px;}

div.header {border-bottom:1px solid #f60; padding-bottom:10px; position: relative; margin-bottom:10px;}
div.header span {color:#333;}
div.header h3 {margin-bottom:0; font-weight:bold;}
div.header h3 span {font-weight:normal;}
div.header span span {font-size:12px;}
div.header form { position:absolute; right:25px; top:0;}
div.tools {position:relative; margin-bottom:10px;}
div.userlist a {margin-top:15px;}
a.add, button.add {background:url(../img/plus.gif) no-repeat; padding:3px 0 0 25px; height:20px; display: block; float:left; margin-right:20px;}
button.add {border:0;  color:#09f; text-decoration:underline; outline:none;}
button.add:hover { text-decoration:none;}
a.delete {background:url(../img/remove.gif) no-repeat; padding:3px 0 0 25px; height:20px; display: block; float:left; margin-right:20px;}
a.cancel {background:url(../img/cancel.gif) no-repeat; padding:3px 0 0 25px; height:20px; display: block; float:left; margin-right:20px;}
a.finish {background:url(../img/btn_finish.gif) no-repeat; padding:3px 0 0 25px; height:20px; display: block; float:left; margin-right:20px;}
a.email {background:url(../img/btn_email.gif) no-repeat; padding:3px 0 0 40px; height:20px; display: block; float:left; margin-right:20px;}
a.ask {background:url(../img/btn_ask.gif) no-repeat; padding:3px 0 0 30px; height:20px; display: block; float:left; margin-right:20px;}
a.change_class {background:url(../img/training.gif) no-repeat; padding:3px 0 0 40px; height:34px; display: block; float:left; margin-right:20px;}

div.tools form#search  {float:right;}
#move  {float:left; vertical-align:bottom}
#move label {display:block;}
div.tools form  input {vertical-align:middle; margin-left:5px;}
div.toolRight { float:right;}
div.toolBottom { float:left;}

div#account_data table.narrow td {padding:0 5px}

table.list {width:100%; border:1px solid #ccc; padding:1px 1px 0 1px; border-width:1px 1px 0 1px; margin-bottom:10px;}
table.list th {font-weight:bold; color:#fff; background-color:#8AC10B; text-align:left;}
table.list th, table.list td {padding:7px 5px}
table.list td {border:1px solid #ccc; border-width:0 1px 1px 0;}
table.incoming th {background-color:#8AC10B; text-align:left}
table.recent th {background-color:#f60; text-align:left}
table.list td.options {border-right:0;}
table.list tr.row1 {background-color:#eee;}
table.list a {text-decoration:none;}
table.list tr:hover, table.list tr.row1:hover, table.list td.stdnt a:hover {background-color:#ffc;}
table.list td.stdnt a {display:block; padding:7px 5px; height:1%;}
table.list td.stdnt {padding:0;}
table.list tr:hover td.options {background-color:#fff;}
table.list tr.row1:hover td.options {background-color:#eee; }
table.list td.options {width:120px;}
table.list td.options img { margin-right:5px;}
table.members .inp {width:80px;}
table.ordinary {widht:100%;}
table.ordinary td {padding:5px;}
div.sms table.ordinary {margin:10px}

div.batons {text-align:right;}
div.batons .btn { margin-left:10px;}

div.sms {margin-top:10px; background:url(../img/bodyBG.gif) 0 -76px repeat-x;  border:1px solid #cdcdcd; float:left;}
div.sms h3 {font-size:16px;  font-weight:bold; color:#fff;  padding:7px 10px 0 10px;}
div.sms div.box {padding:10px; float:left; width:200px;} 
div.sms div.box textarea {margin-bottom:10px;}


div#account_data {background-color:#fff; border:1px solid #e23d16; padding:10px; width:800px;}
div#submenu button { background:url(../img/tabBG.gif) repeat-x;  height:36px; border:1px solid #fff; color:#fff; padding:0 10px; border-bottom:0; cursor: pointer; outline:none; line-height:36px;}
div#account_data td, div#account_data th {padding:5px;}
div#account_data h3 {color:#8AC10B; font-weight:bold;}
div#account_data table {width:100%;}
div#account_data .inp {width:285px;}
td.ju_c1 {text-align:right;}
div#account_data textarea, div#account_data select {width:285px !important;}
div#account_data th {background-color:#8AC10B; text-align:left; color:#fff; font-size:1.3em;}
div#account_data table.list th {font-size:100%; padding:10px;}
div#account_data button.add {margin-bottom:10px;}
div#submenu {position:relative; top:1px;}
div#submenu button.active, div#submenu button:hover { background-color:#fff; background-image:none; border:1px solid #e23d16; color:#e23d16; border-bottom:1px solid #fff;}
.pager {border-top:1px solid #f63; padding-top:10px; text-align:right; margin-bottom:20px;}

div.addCourse {margin-bottom:10px;}
div.addCourse input {vertical-align:middle;}

table.narrowTab {border-collapse:collapse; border:1px solid #ccc; padding:10px; width:500px; margin-bottom:20px}
table.narrowTab td {padding:5px; border:1px solid #ccc; border-width:1px 0;}
table.narrowTab tr.row1 td {background-color:#eee;}
table.narrowTab .inp, table.narrowTab select, table.narrowTab textarea {width:320px;}

table.narrowTab dl {margin:10px 0;}
table.narrowTab dl dt {font-weight:bold;}
table.narrowTab h3 {background-color:#8AC10B; padding:5px 10px; color:#fff; font-weight:bold;}

div#map {padding:10px; background-color:#ccc; border:1px solid #000;}