body {
	background: white url('../gfx/edupagebg.jpg') repeat-x;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #121314;
	margin: 0px;
	padding: 0px;
}

/* KONTENER STRONY */
#pageContainer {
	width: 958px;
	margin: 0px auto;
}

/* GÓRA STRONY: BANNER + LOGO */
#pageTop {
	float: left;
	width: 958px;
	height: 104px;
}

#pageLogo {
	margin-left: 10px;
	margin-top: 20px;
	float: left;
}

#pageBanner {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

/* ZAWARTOŚĆ STRONY: MENU */

#pageContent {
	border-left: 2px solid #e0e0e0;
	border-right: 2px solid #e0e0e0;
	float: left;
	width: 958px;
	margin: 0px;
	padding: 0px;
	background: #e5edfa url('../gfx/contentbg.jpg') repeat-x bottom left;
}

#pageMenu {
	padding: 0px;
	margin: 0px auto;
	height: 32px;
	background: url('../gfx/edumenuleft.jpg') no-repeat top left;
	padding-left: 43px;
	width: 800px;
}

#pageMenuWrapper {
	margin: 0px auto;
	height: 32px;
	background: url('../gfx/edumenuright.jpg') no-repeat top right;
	padding-right: 43px;
	width: 757px;
}

#pageMenuInner {
	background: url('../gfx/edumenubg.jpg') repeat-x;
	height: 32px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#pageMenuInner ul {
	margin: 0px auto;
	background: transparent;
	background: url('../gfx/edumenubg.jpg') repeat-x;
	height: 32px;
	list-style-type: none;
}

/* GŁÓWNA CZĘŚĆ STRONY */

#pageMain {
	width: 938px;
	min-height: 300px;
	padding: 10px;
	margin: 0px;
	overflow: hidden;
}



/* STOPKA */
#pageFooter {
	float: left;
	width: 100%;
	background: url('../gfx/bottombg.jpg') repeat-x top left;
	height: 62px;
	padding-top: 2px;
	}
#footerLeft {
	width: 958px;
	margin: 0px auto;
	background: url('../gfx/footer.jpg') no-repeat top right;
	height: 62px;
}

#footerMenu {
	float: right;
	margin-top: 15px;
	margin-right: 30px;
	color: #adceea;
}

#footerMenu a {
	color: #adceea;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}

#footerMenu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* ELEMENTY HTML */

a {
	color: #003868;
	text-decoration: none;
}

a:hover {
	color: #0b61a9;
	text-decoration: underline;
}
	
h3 {
	font-size: 16px;
	font-weight: bold;
	font-family: Tahoma;
	clear: both;
	border-bottom: 1px solid #bdc9de;
	border-left: 20px solid #0e62b1;
	color: #0e487e;
	width: 93%;
	margin: 0px auto;
	margin-bottom: 15px;
	margin-top: 5px;
	text-align: left;
	padding-left: 8px;
}

fieldset {
	max-width: 93%;
	margin: 0px auto;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #bbc6d9;
	border-collapse: collapse;
	clear: both;
}

.form-login, .form-edit, .form-edit-wide {
	margin: 2em auto;
	width: 530px;
}
.form-login input {
	width: 200px;
}
form.full-size {
	width: 100%;
}

fieldset legend {
	font-size: 14px;
	font-weight: bold;
	color: #182336;
}

label {
	font-weight: bold;
	float: left;
	min-width: 150px;
	padding-top: 5px;
	text-align: right;
	padding-right: 3px;
	margin: 2px auto;
}

.form-edit-wide label {
	text-align: left;
	padding-top: 0px;
}

fieldset p {
	width: 99%;
	text-align: left;
	margin: 0px auto;
}

.form-button {
	display: block;
	margin: 0px auto;
	margin-left: 70px;	
}

input {
	padding: 3px;
	font-size: 12px;
	margin: 3px;
	border: 1px solid #d1dbec;
	border-top: 1px solid #7c889d;
	border-left: 1px solid #7c889d;
}

input:hover {
	background: #f1f5fb;
}

input:focus {
	background: #dde7f9;
}

input.form-text {
	width: 200px;
}

input.form-submit, input.form-submit-wide {
	width: 200px;
	text-align: center;
	font-weight: bold;
	margin: 0px auto;
	margin-bottom: 5px;
	margin-top: 5px;
	color: white;
	background: #18568a;
}

input[type="submit"], input[type="reset"] {
	text-align: center;
	font-weight: bold;
	margin: 0px auto;
	margin-bottom: 5px;
	margin-top: 5px;
	color: white;
	background: #18568a;
}

input.form-textarea-wide {
	width: 500px;
}

.form-edit-wide {
	width: 94%;
	margin: 0px auto;
}
.form-edit-wide fieldset {
	width: 94%;
	margin: 0px auto;
}

input.form-submit:hover input.form-submit-wide:hover{
	background: #22669f;
}

img {
	border: 0px solid white;
	outline: 0px solid white;
}

table {
	margin: 0px auto;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 93%;
}

th {
	background: #1a4d79 url('../gfx/menu_item_bg.jpg') repeat-x top left;
	color: white;
	font-weight: bold;
	padding:2px;
}

tr { 
	border-bottom: 1px solid #d8e2f1;
}

td {
	padding: 1px;
	margin: 0px;
	border-collapse: collapse;
	border: 1px solid #d6dfef;
}

.button {
	display: inline-block;
	vertical-align: top;
}

.button a {
	background: url('../gfx/select_bg.jpg') no-repeat center center;
	width: 192px;
	float: left;
	padding-top: 10px;
	display: block;
	height: 24px;
	text-align: center;
	margin-left: 5px;
	/* IE padding fix */
	overflow: visible;
}

.button2 {
	display: inline-block;
	vertical-align: top;
}

.button2 a {
	background: url('../gfx/select_bg2.jpg') no-repeat center center;
	width: 131px;
	float: left;
	padding-top: 10px;
	display: block;
	height: 24px;
	text-align: center;
	margin-left: 5px;
	/* IE padding fix */
	overflow: visible;
}


.button a:hover {
	background: url('../gfx/select_bga.jpg') no-repeat center center;
}
	
p { 
	clear: both;
	min-width: 40%;
}

input.width-auto {
	width: auto;
}
.input {
	text-align: left;
}
.select {
	text-align: right;
}
.select2 {
	width: 550px;
}
textarea {
	height: 10em;
}
.no-float {
	width: auto;
	display: inline;
	float: none;
}
.form-submit {
	width: 400px;
	margin: 0px;
}
.form-login .form-submit {
	margin-left: 70px;
}
.form-edit-wide, .form-submit-wide {
	width: 90%;
}
.form-text-wide, .form-textarea-wide {
	width: 550px;
}


/** STYLE Z POPRZEDNIEJ WERSJI **/
.wyborDat { position: relative; }
.wyborDat .nomag select, .wyborDat .nomag input {float: left; width: 50px;}
.wyborDat .nomag  {position: absolute; top: 3px; left: 250px; }


/* - - - - - - - - - - - - - - ZNAJOMI - - - - - - - - - - - */
.friendslist {
	width: 98%;
	border: 1px solid #aeb9cf;
	background: white url('../gfx/friendgrd.jpg') repeat-x;
	float: left;
	margin: 0px auto;
	margin-top: 10px;
	text-align: center;
}

.friend {
	width: 130px;
	text-align: center;
	background: #e6edf4;
	border: 1px solid #dbe4ed;
	overflow: hidden;
	float: left;
	height: 150px;
	margin: 10px;
	margin-bottom: 6px;
	font-weight: normal;
}
.birthday {
	background: #ece1b7;
	border: 1px solid #b1900a;
}
.friend:hover {
	overflow: visible;
}
.friend .photo {
	margin: 0 auto;
	width: 104px;
	height: 105px;
	text-align: center;
	background: url('../gfx/photobg.jpg') no-repeat;
	padding-top: 1px;
}
.friend .caption {
	text-align: center;
	font-size: 11px;
	width: 120px;
}

/******* coslychac **********/
.addYourMsg {
	width: 678px;
	height: 75px;
	background: url('../gfx/csbg.jpg') no-repeat;
	padding-left: 20px;
	padding-top: 14px;
}

.addYourMsg input {
	display: inline-block;
	padding: 2px;
	padding-top: 2px;
}
	
.myButton {
	width: 80px;
	display: inline-block;
	border: 1px solid #dedede;
	background: white;
	height: 27px;
	float: left;
	margin-left: 3px;
}

.textField {
	border: 1px solid #dedede;
	font-size: 14px;
	height: 21px;
	width: 555px;
	float: left;
	padding: 2px;
	color: gray;
} 

p {
	margin-right: 20px;
}
.row1 {
	background: #d1dbed;
	height: 23px;
	border-top: 1px solid #b1bcd0;
}
.row2 {
	background: #e2ecff;
	height: 23px;
	border-top: 1px solid #b1bcd0;
}
.hdrow {
	background: #a5bbe3;
	height: 30px;
	padding-top: 5px;
}

.hdrow td {
	text-align: center;
}

/* - - - - - - - - MARKS - - - */
.nie_rozpoczete {
	background-color: #c8d5ee;
	text-align: center;
	width: 23px;
	display: block;
	float: left;
}
.w_toku {
	text-align: center;
	background-color: #caeec8;
	width: 23px;
	display: block;
	float: left;
}
.czeka_na_ocene {
	text-align: center;
	background-color: #fdadad;
	width: 23px;
	display: block;
	color: white;
	float: left;
}
.wystawione {
	text-align: center;
	background-color: #f0f0f0;
	width: 23px;
	display: block;
	float: left;
}

.warn {
	border: solid 1px #f00;
	background: #faa;
	margin-bottom: 20px;
	margin-top: 5px;
}
.warn li {
	margin-left: 5px;
	padding: 5px;
}
.mark-red td {
	background-color: #fbb;
}
.mark-yellow td {
	background-color: #ffa;
}
.mark-green td {
	background-color: #bfb;
}

.classListHeader {
	height: 40px;
}
.classList {
	display: none;
	width: 780px;
	margin-left: 10px;
}

.classList td.nazwa a {
	padding-top: 8px;
	display: block;
	height: 32px;
	width: 500px;
	font-weight: bold;
}

tr.itemList:hover {
	background: #EBF2FC;
}

th.description {
	border-bottom: 0px solid white;
	text-align: left;
	font-weight: normal;	
}

th.lp {
	width: 30px;
}

.ocena {
	width: 40px;
	background-color: #befa00;
}
.ocena-item a {
	text-align: center;
	background-color: #ccc;
	width: 20px;
	display: inline-block;
}
.ocena_link {
	display: block;
	width: 22px;
	height: 22px;
	padding: 1px;
}
.oceny {
	width: 60%;
	text-align: left;
}
.nazwa {
	padding: 0 10px;
	text-align: left;
}
.action {
	text-align: right;
}
tfoot td {
	border-bottom: none;
}

form.full-size table {
	width: 850px;
}

.tableinner {
	width: 820px !important;
	margin: 0px;
	padding: 0px;
	border: 0px solid white;
}

.row1 {
	background: #d1dbed;
	height: 23px;
	border-top: 1px solid #b1bcd0;
}
.row2 {
	background: #e2ecff;
	height: 23px;
	border-top: 1px solid #b1bcd0;
}
.hdrow {
	background: #a5bbe3;
	height: 30px;
	padding-top: 5px;
}
.row1 td,.row2 td {
	text-align: center;
}

.pager {
	display: block;
	float: left;
	width: 20px;
	margin: 3px;
	height: 18px;
	padding-top: 2px;
	font-size: 14px;
	text-align: center;
	background: #e6edfa;
	border: 1px solid #3e5e9a;
	text-decoration: none;	
	}
.pager:hover {
	background: white;
	border: 1px solid #4174d4;
	}
.pager_a {
	display: block;
	float: left;
	width: 20px;
	margin: 3px;
	height: 18px;
	padding-top: 2px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	background: #4175d7;
	border: 1px solid #4174d4;
	text-decoration: none;
	}
a.pager_a {
	color: white;
	text-decoration: none;
}
a.pager {
	text-decoration: none;
}

*.highlighter:hover {
	background: #d5dff1;
	background-image: none;
}
	
#inforamka td {
	border: 0px solid white;
	border-bottom: 1px solid #d6dff1;
}

#profileContent td {
	border: 0px solid white;
}
	
blockquote {font-size: 11px; border-top:1px dashed #bababa; border-bottom:1px dashed #bababa; margin-bottom: 5px; padding:10px 25px 12px 43px; background:url('../gfx/blockquote.gif') 0 0 no-repeat; min-height:24px; color:#969696;}

.nauczyciel {
	color: #000;
}

/** MAIN PAGE INFO **/
.mp_Left {
	float: left;
	background: url('../gfx/mp_mbg.jpg') no-repeat bottom left;
	margin-top: 78px;
	width: 326px;
	height: 378px;
	text-align: left;
	padding-left: 11px;
	color: #131c2a;
	line-height: 130%;
}
.mp_Right {
	float: right; 
	width: 464px;
	
}

.mp_RightTop {
	float: left;
	width: 464px;
	background: url('../gfx/mp_startop.jpg') no-repeat;
	height: 258px;
}

.mp_RightBottom {
	float: left;
	width: 382px;
	line-height: 140%;
	padding: 5px;
	padding-left: 10px;
	background: url('../gfx/mp_bbg.jpg') no-repeat top left;
	height: 198px;
}

.mp_parent {
	background: url('../gfx/parentfield.jpg') no-repeat top left;
	width: 758px;
	height: 57px;
	float: left;
	text-align: left;
	font-weight: bold;
	padding: 6px;
        clear:both;
	padding-left: 20px;
}

.ok_Button {
	display: block;
	background: transparent url('../gfx/okbutton.jpg') no-repeat top left !important;
	border: 0px solid white !important;
	width: 72px;
	height: 34px;
	padding: 0px !important;
	margin: 0px !important;
}

.ico-button img {
    margin: 0px;
    padding: 0px;
}
.elm1 {
	float: left;
        width: 348px;
	padding-top: 15px;
	margin-left: 30px;
}
.elm2 {
	padding-top: 8px;
        width: 221px;
	padding-left: 6px;
	float: left;
}
.elm3 {
	padding-top: 4px;
        width: 86px;
	padding-left: 5px;
	float: left;
}

.mp_pdf {
	float: left;
	margin-top: 170px;
}

.all {
	width: 825px;
	margin-left: 60px;
	float: left;
}

/*** EDU TALK! ***/

#eduTalk {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: #043c56 url('../gfx/edutalkbg.jpg') no-repeat top left;;
    width: 250px;
    border: 1px solid #357a9a;
    overflow: hidden;
}

#eduTalkHeader{
    width: 250px;
    float: left;
}

#eduTalkCaption{
    color: #d3eefb;
    padding: 4px;
    padding-top: 9px;
    width: 180px;
    font-weight: bold;
    float: left;
}

#eduTalkContent {
    color: white;
    float: left;
    width: 240px;
    padding: 5px;
    margin-top: 10px;
}

#eduTalkFold {
     float: right;
     margin-top: 11px;
     margin-right: 10px;
     width: 20px;
}

#eduStatus {
      width: 25px;
      float: right;
      margin-top: 4px;
}

#eduTalkFold img {
    float: right;
}


#eduTalkContent a {
    color: #149cdb;
}