/*GENEL
# ----------------------------------------------------------------------------------------------------#*/
* {
	padding: 0;
	margin: 0;
	border: none;
}

html, body {
	padding: 0;
	margin: 0;
	border: none;
	background: #ffffff;
	height: 100%;
	width: 100%;
	font-size: 0.9em;
	letter-spacing: 1px;
	font-family: 'Comic Sans MS', Arial;
}

/*LINK
# ----------------------------------------------------------------------------------------------------#*/

a {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

a:hover {
	color: #ff0000;
}

p {
	margin-bottom: 10px;
}

/*FORM
# ----------------------------------------------------------------------------------------------------#*/
input.inputbox{
	border: 1px inset #ccc;
	width: 100px;
	padding: 1px;
}

textarea.inputbox{
	border: 1px inset #ccc;
	padding: 1px;
}

input.inputbox.required {
	background: #ff9999;
}

input.submitbox {
	border: 1px outset;
	padding: 0;
}

input.submitbox:active {
	border: 1px inset;
	padding: 0;
}

/*SABLON
# ----------------------------------------------------------------------------------------------------#*/
#middle {
	height: 100%;
	width: 100%;
	position: relative;
	text-align: center;
}

#middle2 {
	margin: 0 auto;
}

#middle3 {
	position: relative;
}

.greyboxstop {
	width: 640px;
	height: 480px;
	text-align: center;
}

.box {
	border: 1px solid #ccc;
	width: 960px;
	height: 550px;
	margin: 0 auto;
	position: relative;
	margin-top: 30px;
	margin-bottom: 10px;
}

.navbar {
	padding: 3px;
	font-size: 0.8em;
	background: #ffffd0;
	margin: 20px 0 20px 0;
	border-bottom: 1px solid #cccccc;
}

/*ALARMLAR
# ----------------------------------------------------------------------------------------------------#*/
.redmsg {
	padding: 10px;
	margin: 0 0 20px 0;
	background: #e60000;
}

.greenmsg {
	background: #00cc00;
	width: 100%;
	padding: 10px;
	margin: 0 0 20px 0;
	color: #ffffff;
}

.yellowmsg {
	background: #ffffd0;
	width: 100%;
	padding: 10px;
	margin: 0 0 20px 0;
}

.validerror {
	background: #ffffd0;
	padding: 10px;
}

.redirectbar {
	background: #E1E1E1;
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 940px;
	text-align: center;
}

.regbox {
	padding: 5px;
	width: 250px;
}

.regbox2 {
	padding: 5px;
	width: 250px;
}

.regbox .left, .regbox2 .left {
	width: 115px;
	font-size: 0.8em;
	text-align: left;
	float: left;
	display: inline;
}

.regbox .right, .regbox2 .right {
	text-align: right;
}

.errortext {
	color: #cc0000;
	font-weight: bold;
}

/*TABLOLAR
# ----------------------------------------------------------------------------------------------------#*/
#table1 {
	width: 100%;
	border: none;
	padding: 0;
	margin: 0;
}

#table1 .topbar {
	padding: 8px;
	background: #dadada;
	font-weight: bold;
	font-size: 1.3em;
}

#table1 .topcell {
	border-bottom: 1px solid #666;
	padding: 3px 0 3px 0;
	background: #fafafa;
}

#table1 .cell {
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	font-size: 0.85em;
	text-align: right;
	width: 220px;
}

#table1 .cell2 {
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	font-size: 0.85em;
	text-align: left;
}

#table1 .cell3 {
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	font-size: 0.85em;
	text-align: center;
}

/*KUTU STILLERI
# ----------------------------------------------------------------------------------------------------#*/
h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.7em;
	color: #000;
}

h4 {
	font-size: 1.5em;
}

#sidebar {
	position: absolute;
	right: 10px;
	bottom: 75px;
}

#sidebar2 {
	position: absolute;
	right: 10px;
	top: 95px;
}

#sidebar3 {
	position: absolute;
	right: 10px;
	top: 95px;
}

#sidebar_index{
	position: absolute;
	right: 85px;
	top: 20px;
}

#sidebar_index_alt{
	position: absolute;
	right: 20px;
	top: 60px;
}

#sidebar_listening {
	position: absolute;
	right: 20px;
	top: 110px;
}

#sidebar_reading {
	position: absolute;
	right: 20px;
	top: 110px;
}

#sidebar_practice {
	position: absolute;
	right: 10px;
	bottom: 65px;
}

#logomini {
	position: absolute;
	bottom: 7px;
	right: 10px;
}

#logomini a {
	border: none;
}

#logoinside {
	position: absolute;
	top: 10px;
	right: 10px;
}

#contact1 {
	background: url(../images/bg_contact1.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#listcomp {
	background: url(../images/bg_listcomp.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#listcomp .minibox {
	position: absolute;
	top: 268px;
	left: 425px;
	width: 280px;
	height: 250px;
	text-align: left;
}

#readcomp {
	background: url(../images/bg_readcomp.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#readcomp .minibox {
	position: absolute;
	top: 308px;
	left: 405px;
	width: 248px;
	height: 220px;
	text-align: left;
}

#letspractice {
	background: url(../images/bg_letspractice3.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#letspractice4{
	background: url(../images/bg_letspractice4.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#letspractice4 .minibox {
	position: absolute;
	top: 228px;
	left: 190px;
}


#letspractice1 {
	background: url(../images/bg_letspractice1.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#letspractice1 .minibox {
	position: absolute;
	top: 235px;
	left: 100px;
	text-align: left;
	font-weight: bold;
	color: #333;
}

#letspractice2 {
	background: url(../images/bg_letspractice2.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#letspractice2 .minibox {
	position: absolute;
	top: 120px;
	left: 80px;
	text-align: left;
	font-weight: bold;
	color: #333;
}

#artcenter1 {
	background: url(../images/bg_artcenter1.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#artcenter1 .minibox {
	position: absolute;
	top: 100px;
	left: 435px;
	text-align: center;
	font-weight: bold;
	color: #333;
	width: 300px;
}

#artcenter1 .minibox a {
	border: none;
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 5px;
}

#artcenter1 .title {
	color: #5f0933;
}

#artcenter2 {
	background: url(../images/bg_artcenter2.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#artcenter2 .minibox {
	position: absolute;
	top: 130px;
	left: 250px;
	text-align: center;
	font-weight: bold;
	color: #333;
	width: 500px;
}

#artcenter2 .minibox .img {
	border: none;
	display: inline-block;
	height: 250px;
	width: 400px;
	margin: 20px 0 5px 0;
}

#artcenter2 .minibox a {
	border: none;
}

#artcenter2 .title {
	color: #5f0933;
	text-align: right;
	padding-right: 30px;
}

#listening1 {
	background: url(../images/bg_listening1.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#listening1 .links {
	position: absolute;
	top: 500px;
	left: 440px;
	text-align: left;
}


#listening2 {
	background: url(../images/bg_listening2.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#listening3 {
	background: url(../images/bg_listening3.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#listening1 .minibox {
	position: absolute;
	top: 220px;
	left: 440px;
	text-align: left;
	width: 270px;
	height: 240px;
}

#listening2 .minibox {
	position: absolute;
	top: 140px;
	left: 310px;
	text-align: left;
	width: 275px;
	height: 180px;
}

#listening3 .minibox {
	position: absolute;
	top: 130px;
	left: 290px;
	text-align: left;
	width: 500px;
	height: 380px;
}

#listening2 .links {
	position: absolute;
	top: 345px;
	left: 310px;
	text-align: left;
	width: 275px;
	height: 180px;
}

#listening1 .minibox .left {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#listening1 .minibox .right {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#listening1 .minibox .left a:hover, #listening1 .minibox .right a:hover {
	border: none;
}

#listening1 .minibox a {
	border: none;
	color: #673d90;
}

#listening1 .minibox a:hover {
	border-bottom: 1px solid #ccc;
}

.articlelis {
	width: 360px;
	height: 110px;
	margin: 0px;
	padding: 20px;
}

.postlis {
	margin: 20px 0 0 0;
}

.stories {
	position: absolute;
	bottom: 25px;
	left: 440px;
}

.story {
	width: 500px;
	height: 300px;
	position: absolute;
	top: 60px;
	color: #673d90;
	overflow: auto;
}

.storytitle {
	font-size: 1.3em;
	font-weight: bold;
}

/*GAMES
# ----------------------------------------------------------------------------------------------------#*/
#games1 {
	background: url(../images/bg_games1.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#games1 .minibox {
	position: absolute;
	top: 40px;
	left: 460px;
	text-align: left;
	width: 325px;
	height: 240px;
}

#games1 .minibox2 {
	position: absolute;
	top: 320px;
	left: 450px;
	text-align: left;
	width: 245px;
	height: 150px;
}

#games1 .minibox a {
	border: none;
}

/*READING
# ----------------------------------------------------------------------------------------------------#*/
#reading1 {
	background: url(../images/bg_reading1.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#reading2 {
	background: url(../images/bg_reading2.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#reading2 .minibox {
	position: absolute;
	top: 190px;
	left: 110px;
	text-align: left;
	width: 230px;
	height: 165px;
}

#reading2 .minibox2 {
	position: absolute;
	top: 80px;
	left: 405px;
	text-align: left;
	width: 290px;
	height: 340px;
	overflow: auto;
}

#reading2 a {
	border: none;
}

#reading2 .story2 {
	width: 270px;
}

#reading2 .story2 img {
	padding: 5px;
}

#reading2 .storytitle2 {
	font-size: 1.3em;
	font-weight: bold;
}

#reading1 .dic {
	position: absolute;
	top: 95px;
	left: 540px;
	text-align: left;
}

#reading1 .dic  a {
	border: none;
	text-decoration: none;
}

#reading1 .link {
	position: absolute;
	top: 200px;
	left: 540px;
	text-align: left;
}

#reading1 .link  a {
	border: none;
	text-decoration: none;
}

#games1 .minibox2 {
	position: absolute;
	top: 320px;
	left: 450px;
	text-align: left;
	width: 245px;
	height: 150px;
}

#games1 .minibox a {
	border: none;
}

/*INDEX
# ----------------------------------------------------------------------------------------------------#*/
#index1 {
	background: url(../images/bg_index1.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#index2 {
	background: url(../images/bg_index2.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#index3 {
	background: url(../images/bg_index3.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#index4 {
	background: url(../images/bg_index4.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}


#index3 .minibox {
	position: absolute;
	top: 160px;
	left: 470px;
	width: 260px;
}

#index4 .minibox {
	position: absolute;
	top: 160px;
	left: 470px;
	width: 260px;
}

.wellcome {
	position: absolute;
	top: 15px;
	left: 450px;
	text-align: left;
	font-weight: bold;
}

.totalscore {
	width: 200px;
	height: 125px;
	position: absolute;
	left: 470px;
	top: 310px;
	text-align: left;
}

.regmessage {
	position: absolute;
	top: 70px;
	left: 240px;
	width: 140px;
	height: 80px;
	text-align: left;
	font-weight: bold;
}

#login_box {
	position: absolute;
	background: url(../images/bg_login.jpg) no-repeat top left;
	width: 235px;
	height: 125px;
	right: 10px;
	bottom: 10px;
}

#login_box .inputbox.user {
	position: absolute;
	left: 100px;
	top: 50px;
}

#login_box .inputbox.pass {
	position: absolute;
	left: 100px;
	top: 75px;
}

#login_box .check {
	position: absolute;
	left: 115px;
	top: 103px;
}

#login_box .submit {
	position: absolute;
	left: 160px;
	top: 103px;
}

/*REGISTER
# ----------------------------------------------------------------------------------------------------#*/
#register {
	background: url(../images/bg_index2.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

/*BUTTONS
# ----------------------------------------------------------------------------------------------------#*/
a.goback {
	position: absolute;
	top: -28px;
	left: 5px;
}

a.goforward {
	position: absolute;
	top: -28px;
	right: 5px;
}

/*GRAMMAR
# ----------------------------------------------------------------------------------------------------#*/
#grammar1 {
	background: url(../images/bg_grammar.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#grammar1 .minibox {
	width:290px;
	height: 170px;
	position: absolute;
	top: 210px;
	left: 300px;
	text-align: left;
}

#grammar1 .minibox h4 {
	text-transform: uppercase;
}

#grammararticle {
	background: url(../images/bg_grammar2.jpg) no-repeat center;
	width: 100%;
	height: 100%;
	position: relative;
}

#grammararticle .minibox {
	width: 630px;
	height: 400px;
	position: absolute;
	top: 60px;
	left: 65px;
	overflow: auto;
}

#grammararticle .minibox .postlis {
	text-align: left;
}

.postlis table {
	margin-left: 50px;
}

.postlis td {
	padding-top: 10px;
}

.postlis table.tablo3 {
	width: 523px;
	background: url(../images/web_tablo3.gif) repeat-y top;
	padding-bottom: 10px;
}

.postlis table.tablo2{
	width: 523px;
	background: url(../images/web_tablo2.gif) repeat-y top;
	padding-bottom: 10px;
}

.postlis table.tablo4{
	width: 523px;
	background: url(../images/web_tablo5.gif) repeat-y top;
	padding-bottom: 10px;
}

.postlis table.tablo5{
	width: 523px;
	background: url(../images/web_tablo4.gif) repeat-y top;
	padding-bottom: 10px;
	font-size: 0.9em;
}

.postlis table.tablo6{
	width: 523px;
	background: url(../images/web_tablo6.gif) repeat-y top;
	padding-bottom: 10px;
}

.postlis table.tablo7{
	margin-left: 0px;
	width: 600px;
	background: url(../images/web_tablo7.gif) repeat-y top;
	padding-bottom: 10px;
	font-size: 11px;
}

.postlis table.tablo8{
	width: 523px;
	background: url(../images/web_tablo8.gif) repeat-y top;
	padding-bottom: 10px;
	font-size: 0.9em;
}

.postlis table.tablo9{
	width: 523px;
	background: url(../images/web_tablo9.gif) repeat-y top;
	padding-bottom: 10px;
	font-size: 0.8em;
}

.postlis table.tablo10{
	width: 523px;
	background: url(../images/web_tablo10.gif) repeat-y top;
	padding-bottom: 10px;
	font-size: 0.8em;
}

.postlis table.tablo3 td {
	width: 150px;
	padding-bottom: 3px;
	text-align: center;
	padding-left: 24px;
}

.postlis table.tablo2 td {
	width: 225px;
	padding-bottom: 3px;
	text-align: center;
}

.postlis table.tablo4 td {
	padding-bottom: 3px;
	text-align: center;
	padding-left: px;
}

.postlis table.tablo5 td {
	padding-bottom: 3px;
	text-align: center;
	padding-left: 24px;
}

.postlis table.tablo6 td {
	padding-bottom: 3px;
	text-align: center;
	padding-left: px;
}

.postlis table.tablo7 td {
	padding-bottom: 3px;
	text-align: center;
	padding-left: px;
}

.postlis table.tablo8 td {
	padding-bottom: 3px;
	text-align: center;
	padding-left: 24px;
}

.postlis table.tablo9 td {
	padding-bottom: 3px;
	text-align: center;
}

.postlis table.tablo10 td {
	padding-bottom: 3px;
	text-align: center;
}

.postlis table.ok2 {
	width: 523px;
	height: 121px;
	background: url(../images/web_ok2.gif) no-repeat top;
}

.postlis table.ok2 td {
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 0px;
}

.postlis table.bulut1 {
	width: 350px;
	height: 244px;
	font-weight: bold;
	background: url(../images/web_bulut1.gif) no-repeat top;
	padding-left: 50px;
	padding-top: 20px;
	padding-right: 30px;
	text-align: center;
	font-size: 15px;
}

.postlis table.balon1 td {
	width: 496px;
	height: 203px;
	font-weight: bold;
	background: url(../images/web_balon1.gif) no-repeat top;
	padding-left: 150px;
	padding-top: 0px;
	padding-right: 60px;
	text-align: right;
	font-size: 12px;
}

.postlis table.liste1{
	width: 297px;
	background: url(../images/web_liste1.gif) repeat-y top;
	text-align: center;
	font-weight: bold;
}

.postlis table.sol td {
	background: url(../images/web_sol.gif) no-repeat top left;
	padding-left: 150px;
	height: 164px;
}

.postlis table.ikaz {
	background: url(../images/web_ikaz.gif) no-repeat top right;
	height: 124px;
}

.postlis table.tik {
	background: url(../images/web_tik.gif) no-repeat top right;
	height: 124px;
}

.postlis table.ambulans{
	width: 200px;
	height: 163px;
	font-weight: bold;
	background: url(../images/web_ambulans.gif) no-repeat top;
	padding-left: 50px;
	padding-top: 20px;
	padding-right: 30px;
	text-align: center;
	font-size: 15px;
}

.postlis table td.ciftok {
	background: url(../images/web_2ok.gif) no-repeat bottom center;
	padding-bottom: 80px;
	text-align: center;
	font-weight: bold;
}

.postlis table td.sagok {
	background: url(../images/web_sagok.gif) no-repeat bottom center;
	padding-bottom: 80px;
	text-align: center;
	font-weight: bold;
}

.signup {
	position: absolute;
	top: 320px;
	left: 400px;
}

.signup a, .signup img {
	text-decoration: none;
	border: none;
}

.exercisebutton {
	background: url(../images/exercise.gif) no-repeat center;
	display: block;
	width: 100px;
	height: 145px;
	margin-left: 400px;
}