html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;font-family: Arial,Helvetica,sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
p{
	margin:2px;
}
h2{
	margin:15px 0 10px 0;
}
#mezocske1,#mezocske2,#mezocske3,#mezocske4,#mezocske5,#mezocske6,#mezocske7,#mezocske8,#mezocske9,#mezocske10,#mezocske11,#mezocske12,#mezocske13,#mezocske14,#mezocske15,#mezocske16,#mezocske17,#mezocske18,#mezocske19,#mezocske20,#mezocske21,#mezocske22,#mezocske23,#mezocske24,#mezocske25,#mezocske26,#mezocske27,#mezocske28,#mezocske29,#mezocske30,#mezocske31,#mezocske32,#mezocske33,#mezocske34,#mezocske35,#mezocske36,#mezocske37,#mezocske38,#mezocske39,#mezocske40,#mezocske41,#mezocske42,#mezocske43,#mezocske44,#mezocske45,#mezocske46,#mezocske47,#mezocske48,#mezocske49,#mezocske50,#mezocske51,#mezocske52,#mezocske53,#mezocske54{
	background: url("rubiks_solver_img/shapelets.png") no-repeat scroll 0 0 transparent;
}
#mezocske1 div,#mezocske2 div,#mezocske3 div,#mezocske4 div,#mezocske5 div,#mezocske6 div,#mezocske7 div,#mezocske8 div,#mezocske9 div,#mezocske10 div,#mezocske11 div,#mezocske12 div,#mezocske13 div,#mezocske14 div,#mezocske15 div,#mezocske16 div,#mezocske17 div,#mezocske18 div,#mezocske19 div,#mezocske20 div,#mezocske21 div,#mezocske22 div,#mezocske23 div,#mezocske24 div,#mezocske25 div,#mezocske26 div,#mezocske27 div,#mezocske28 div,#mezocske29 div,#mezocske30 div,#mezocske31 div,#mezocske32 div,#mezocske33 div,#mezocske34 div,#mezocske35 div,#mezocske36 div,#mezocske37 div,#mezocske38 div,#mezocske39 div,#mezocske40 div,#mezocske41 div,#mezocske42 div,#mezocske43 div,#mezocske44 div,#mezocske45 div,#mezocske46 div,#mezocske47 div,#mezocske48 div,#mezocske49 div,#mezocske50 div,#mezocske51 div,#mezocske52 div,#mezocske53 div,#mezocske54 div{
	width:100%;
	height:100%;
	cursor:pointer;
	}
#haromDkockaHelp img{
	position:absolute;
	top:37px;
	left:21px;
	display:inline-block;
}
#haromDkockaHelp {
	margin-top:-25x;
	display:none;
}
#ketDkockaHelp img{
	position:absolute;
	top:59px;
	left:26px;
	display:inline-block;
}
#ketDkockaHelp {
	margin-top:0px;
	display:none;
}
#mezocske1  div:hover,#mezocske2  div:hover,#mezocske3  div:hover,#mezocske4  div:hover,#mezocske5  div:hover,#mezocske6  div:hover,#mezocske7  div:hover,#mezocske8  div:hover,#mezocske9  div:hover,#mezocske46  div:hover,#mezocske47  div:hover,#mezocske48  div:hover,#mezocske49  div:hover,#mezocske50  div:hover,#mezocske51  div:hover,#mezocske52  div:hover,#mezocske53  div:hover,#mezocske54  div:hover{
	background: url("rubiks_solver_img/fieldhover1.png") no-repeat scroll 0px 0px transparent;
}
#mezocske19  div:hover,#mezocske20  div:hover,#mezocske21  div:hover,#mezocske22  div:hover,#mezocske23  div:hover,#mezocske24  div:hover,#mezocske25  div:hover,#mezocske26  div:hover,#mezocske27  div:hover,#mezocske37  div:hover,#mezocske38  div:hover,#mezocske39  div:hover,#mezocske40  div:hover,#mezocske41  div:hover,#mezocske42  div:hover,#mezocske43  div:hover,#mezocske44  div:hover,#mezocske45  div:hover{
	background: url("rubiks_solver_img/fieldhover2.png") no-repeat scroll 0px 0px transparent;
}
#mezocske10  div:hover,#mezocske11  div:hover,#mezocske12  div:hover,#mezocske13  div:hover,#mezocske14  div:hover,#mezocske15  div:hover,#mezocske16  div:hover,#mezocske17  div:hover,#mezocske18  div:hover,#mezocske28  div:hover,#mezocske29  div:hover,#mezocske30  div:hover,#mezocske31  div:hover,#mezocske32  div:hover,#mezocske33  div:hover,#mezocske34  div:hover,#mezocske35  div:hover,#mezocske36  div:hover{
	background: url("rubiks_solver_img/fieldhover3.png") no-repeat scroll 0px 0px transparent;
}	


#mezocske1,#mezocske2,#mezocske3,#mezocske4,#mezocske5,#mezocske6,#mezocske7,#mezocske8,#mezocske9{
	background-position: 0 0px;
	height:12px;
	width:28px;
	padding:2px;
	}
#mezocske11,#mezocske12,#mezocske13,#mezocske14,#mezocske15,#mezocske16,#mezocske17,#mezocske18,#mezocske10{
	background-position: -60px -25px;
	width:13px;
	height:21px;
	padding:2px;
	}
#mezocske19,#mezocske20,#mezocske21,#mezocske22,#mezocske23,#mezocske24,#mezocske25,#mezocske26,#mezocske27{
	height:21px;
	width:16px;
	padding:2px;
	background-position: -35px -50px;
	}
#mezocske28,#mezocske29,#mezocske30,#mezocske31,#mezocske32,#mezocske33,#mezocske34,#mezocske35,#mezocske36{
	background-position: -60px -750px;
	padding:2px;
	width:13px;
	height:21px;
	}
#mezocske37,#mezocske38,#mezocske39,#mezocske40,#mezocske41,#mezocske42,#mezocske43,#mezocske44,#mezocske45{
	background-position: -35px -100px;
	width:16px;
	height:21px;
	padding:2px;
	}
#mezocske46,#mezocske47,#mezocske48,#mezocske49,#mezocske50,#mezocske51,#mezocske52,#mezocske53,#mezocske54{
	background-position: 0 -125px;
	height:12px;
	width:28px;
	padding:2px;
	}

#sargamezocske{
	margin:54px 0 0 24px;
	width:0px;
}
#zoldmezocske{
	margin:-89px 0 0 -82px;
	width:0px;
}
#barnamezocske{
	margin:-27px 0 0 25px;
	width:0px;
}
#kekmezocske{
	margin:-92px 0 0 42px;
	width:0px;
}
#pirosmezocske{
	margin:-142px 0 0 147px;
	width:0px;
}
#fehermezocske{
	margin:74px 0 0 23px;
	width:0px;
}

#mezocske1, #mezocske52{
	margin:1px 2px 3px 100px;
	}	
#mezocske2, #mezocske53{
	margin:-11px 0px 0px 120px;
	}	
#mezocske3, #mezocske54{
	margin:-8px 0px 0px 140px;
	}	
#mezocske4, #mezocske49{
	margin:-24px 0px 0px 82px;
	}
#mezocske5, #mezocske50{
	margin:-8px 0px 0px 103px;
	}	
#mezocske6, #mezocske51{
	margin:-8px 0 0 123px;
	}	
#mezocske7, #mezocske46{
	margin:-23px 0 0 65px;
	}	
#mezocske8, #mezocske47{
	margin:-8px 0 0 86px;
	}
#mezocske9, #mezocske48{
	margin:-8px 0 0 106px;
	}
#mezocske10, #mezocske30{
	margin:13px 0px 0px 137px;
	}
#mezocske11, #mezocske29{
	margin:-17px 0 0 121px;
	}
#mezocske12, #mezocske28{
	margin:-17px 0 0 105px;
	}
#mezocske13, #mezocske33{
	margin:-22px 0 0 137px;
	}
#mezocske14, #mezocske32{
	margin:-17px 0 0 121px;
	}
#mezocske15, #mezocske31{
	margin:-17px 0 0 105px;
	}
#mezocske16, #mezocske36{
	margin:-22px 0 0 137px;
	}
#mezocske17, #mezocske35{
	margin:-17px 0 0 121px;
	}
#mezocske18, #mezocske34{
	margin:-17px 0 0 105px;
	}
#mezocske19, #mezocske39{
	margin:1px 0px 0px 62px;
	}
#mezocske20, #mezocske38{
	margin:-17px 0 0 82px;
	}
#mezocske21, #mezocske37{
	margin:-17px 0 0 102px;
	}
#mezocske22, #mezocske42{
	margin:-22px 0px 0px 62px;
	}
#mezocske23, #mezocske41{
	margin:-17px 0 0 82px;
	}
#mezocske24, #mezocske40{
	margin:-17px 0 0 102px;
	}
#mezocske25, #mezocske45{
	margin:-22px 0px 0px 62px;
	}
#mezocske26, #mezocske44{
	margin:-17px 0 0 82px;
	}
#mezocske27, #mezocske43{
	margin:-17px 0 0 102px;
	}

.myarrowright, .myarrowleft, #myplaybutton, .mystopbutton, .mypausebutton{
	width:21px;
	height:21px;
	float:left;
	background: url("rubiks_solver_img/myarrowz.png") no-repeat scroll 0 0 transparent;
	margin-right:-1px;
	cursor:pointer;
}
.myarrowright{
	background-position:0 -94px;
}	
.myarrowright:hover{
	background-position:-26px -94px;
}
.myarrowleft{
	background-position:0 -70px;
}
.myarrowleft:hover{
	background-position:-26px -70px;
}
#myplaybutton{
	background-position:0px 0px;
}
#myplaybutton:hover{
	background-position:-26px 0px;
}
.mystopbutton{
	background-position:0px -24px;
}
.mystopbutton:hover{
	background-position:-26px -24px;
}
.mypausebutton{
	background-position:0px -47px;
}
.mypausebutton:hover{
	background-position:-26px -47px;
}


#segedvaltozo span:hover{
	background-color:#586a59;
	color:#FFFFFF;
}
#segedvaltozo span{
	cursor:pointer;
	padding:0;
	font-weight:bold;
}
.vezerloPult{
	height:265px;
	width:290px;
	font-size:13px;
	position: absolute;
    top: 0;
	left:300px;
    width: 400px;
}
#megoldastKiiro{
	display:none;
	min-height:215px;
	background: url("rubiks_solver_img/loading.gif") no-repeat scroll 100px -290px transparent;
}
#nemMegoldastKiiro{
	padding-top:2px;
}
#appletMegoldas{
	right: 20px;
    position: absolute;
    top: 20px;
}
.appletContainer{
    left: 512px;
    padding: 1px;
    position: absolute;
    top: 416px;
}
#segedvaltozo {
    border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
    padding-right: 5px;
    width: 160px;
	min-height:187px;
	font-size:13px;
}

.wrapRotaciok {
    height: 59px;
    margin: 3px 0;
    padding: 2px;
}
.wrapRotaciok div{
    background-color: #DDDDDD;
    border: 1px solid #000000;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 7px #000000 inset;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 18px;
    margin: 2px 1px;
    padding: 5px 0 1px 6px;
    width: 18px;
}
.wrapRotaciok div:hover{
    background-color: #FFF;
    box-shadow: -3px -5px 3px #333333 inset;
}
.wrapOsszesmuvelet{
	float:left;
	margin-right: 10px;
	width:175px;
}
#muveletMagyarazat{
	background: url("rubiks_solver_img/rubiks_cube_notation.png") no-repeat scroll 0 -88px transparent;
	float:left;
	width:80px;
	height:65px;
	margin: 8px 2px 0 2px;
	text-shadow: 0 0 5px #FFFFFF;
	box-shadow: 0 0 10px #000000;
}
#roviditesMagyarazat{
	display:none;
}

.wrapMuveletek {
    font-weight: bold;
    padding: 0;
    text-shadow: 0 0 5px #FFFFFF;
    height:32px;
}
.wrapMuveletek div{
	background-color: #D3D3D3;
    border: 1px solid #000000;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 10px #000000 inset;
    cursor: pointer;
    float: left;
    margin: 3px;
    padding: 5px 15px;
}
.wrapMuveletek div:hover{
	background-color: #FFF;
    box-shadow: -7px -8px 8px #333333 inset;
}
.nagyKockaKontainer{
	width: 300px;
	height:265px;
}
#fulecske1,#fulecske2,#fulecske3{
    background-color: #A8B8B8;
    border-left: 1px solid #444444;
    border-radius: 8px 8px 0 0;
    border-right: 4px solid #444444;
    border-top: 2px solid #444444;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 2px 0 0 16px;
    padding: 2px 16px;
}
#fulecske1{
	background-color:#889898;
}

.kockaKontainerHeader{
	height:17px;
	width:100%;
	border-bottom:4px solid #444444;	
}

#kockaKontainer{
    padding: 20px 10px 15px 17px;
	display:none;
}
#kockaSegitseg{
	padding:10px;
	display:none;
}
#kocka2Kontainer{
    height: 395px;
    padding: 0;
    margin:5px 0;
}
#kicsiKocka{
    background-color: #ddd;
    height: 185px;
    left: 537px;
    padding: 10px;
    top: 200px;
    width: 240px;	
	position:absolute;
}
#wrapSegedvaltozo{
	float:left;
}
.backToScramble{
    border: 1px solid #000000;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
	background-color:#CCDDDD;
    float: left;
	font-size:14px;
    padding: 4px 5px;
	margin-top:12px;
	font-weight: bold;
    text-shadow: 0 0 5px #FFFFFF;
	box-shadow: 0 0 10px #000000 inset;
}
.backToScramble:hover{
	box-shadow:-3px -7px 19px #000000 inset;
}

#rotacioKep{
    background-position:0 -1770px;
    width: 80px;	
	height:65px;
	font-weight:bold;
	float:left;
	margin: 5px 0 0 10px;
	font-size:19px;
	background: url("rubiks_solver_img/rubiks_cube_notation.png") no-repeat scroll -200px 0 transparent;
}
#rotacioSzoveg {
    clear: both;
    font-size: 18px;
    font-weight: bold;
    height: 31px;
    padding: 8px 0 0 15px;
    width: 69px;
}
#rotacioSzoveg div{
	font-size:29px;
	color:#321;
	margin:-21px 0 0 37px;
	width: 35px;
}
#rotacioCuccok{
	float:left;
	margin:0px 0 0 5px;
	display:block;
}
.eddigkiirNavigation{
	padding-top: 4px;
}
.playstopsolution {
    font-size: 12px;
    font-weight: bold;
    margin: 25px 0 15px 0;
}

#kicsiSarga,#kicsiZold,#kicsiPiros,#kicsiKek,#kicsiBarna,#kicsiFeher{
	width:60px;
	height:60px;
	border:1px solid #000000;
	position:relative;
}
#kicsike1,#kicsike2,#kicsike3,#kicsike4,#kicsike5,#kicsike6,#kicsike7,#kicsike8,#kicsike9,#kicsike10,#kicsike11,#kicsike12,#kicsike13,#kicsike14,#kicsike15,#kicsike16,#kicsike17,#kicsike18,#kicsike19,#kicsike20,#kicsike21,#kicsike22,#kicsike23,#kicsike24,#kicsike25,#kicsike26,#kicsike27,#kicsike28,#kicsike29,#kicsike30,#kicsike31,#kicsike32,#kicsike33,#kicsike34,#kicsike35,#kicsike36,#kicsike37,#kicsike38,#kicsike39,#kicsike40,#kicsike41,#kicsike42,#kicsike43,#kicsike44,#kicsike45,#kicsike46,#kicsike47,#kicsike48,#kicsike49,#kicsike50,#kicsike51,#kicsike52,#kicsike53,#kicsike54{
	border:1px solid #111111;
	width:18px;
	height:18px;
	float:left;
}
#kicsiSarga{
	top:2px;
	left:61px;
}
#kicsiZold{
	top:0px;
	left:1px;
}
#kicsiPiros{
	top:-62px;
	left:61px;
}
#kicsiKek{
	top:-124px;
	left:121px;
}
#kicsiBarna{
	top:-186px;
	left:181px;
}
#kicsiFeher{
	top:-188px;
	left:61px;
}


#selectColorContainer{
	background:url("rubiks_solver_img/undefinedcolor.png") repeat scroll 0 0 transparent;
	border-radius:5px;
	border:1px solid #777777;
	text-shadow: 0 0 5px #FFFFFF;
	font-weight:bold;
	width:82px;
	margin:0px 10px 0 0;
	border:2px solid #555;
	box-shadow:0 0 10px #000000;
}
#selectColor{
    box-shadow: 0 0 12px #111111 inset;
	border-radius: 2px 2px 2px 2px;
    height: 118px;
    padding: 4px 2px 0 8px;
    width: 72px;
}
.selectSarga,.selectZold,.selectPiros,.selectKek,.selectBarna,.selectFeher{
	height:27px;
	width:27px;
	border:2px solid #000000;
	float:left;
	margin:4px 2px;
	-moz-box-shadow:inset 0 0 10px #000000;
	-webkit-box-shadow:inset 0 0 10px #000000;
	box-shadow:inset 0 0 10px #000000;
	border:1px solid #000000;
	border-radius: 3px;
	cursor:pointer;
}


.selectSarga{
	background-color:#F6FB00;
}
.selectZold{
	background-color:#15FB00;
}
.selectPiros{
	background-color:#FF7700;
}
.selectKek{
	background-color:#1F01FF;
}
.selectBarna{
	background-color:#C70805;
}
.selectFeher{
	background-color:#E2DDDD;
}
.selectSarga:hover,.selectZold:hover,.selectPiros:hover,.selectKek:hover,.selectBarna:hover,.selectFeher:hover{
	background: url("rubiks_solver_img/fieldhover.png") no-repeat scroll 0 0 transparent;
}

#mezo1,#mezo2,#mezo3,#mezo4,#mezo5,#mezo6,#mezo7,#mezo8,#mezo9,#mezo10,#mezo11,#mezo12,#mezo13,#mezo14,#mezo15,#mezo16,#mezo17,#mezo18,#mezo19,#mezo20,#mezo21,#mezo22,#mezo23,#mezo24,#mezo25,#mezo26,#mezo27,#mezo28,#mezo29,#mezo30,#mezo31,#mezo32,#mezo33,#mezo34,#mezo35,#mezo36,#mezo37,#mezo38,#mezo39,#mezo40,#mezo41,#mezo42,#mezo43,#mezo44,#mezo45,#mezo46,#mezo47,#mezo48,#mezo49,#mezo50,#mezo51,#mezo52,#mezo53,#mezo54{
	height:20px;
	width:20px;
	float:left;
	-moz-box-shadow:inset 0 0 10px #000000;
	-webkit-box-shadow:inset 0 0 10px #000000;
	box-shadow:inset 0 0 5px #000000;
	border:1px solid #000000;
	border-radius: 3px;
	cursor:pointer;
	
	}
#mezo1:hover,#mezo2:hover,#mezo3:hover,#mezo4:hover,#mezo5:hover,#mezo6:hover,#mezo7:hover,#mezo8:hover,#mezo9:hover,#mezo10:hover,#mezo11:hover,#mezo12:hover,#mezo13:hover,#mezo14:hover,#mezo15:hover,#mezo16:hover,#mezo17:hover,#mezo18:hover,#mezo19:hover,#mezo20:hover,#mezo21:hover,#mezo22:hover,#mezo23:hover,#mezo24:hover,#mezo25:hover,#mezo26:hover,#mezo27:hover,#mezo28:hover,#mezo29:hover,#mezo30:hover,#mezo31:hover,#mezo32:hover,#mezo33:hover,#mezo34:hover,#mezo35:hover,#mezo36:hover,#mezo37:hover,#mezo38:hover,#mezo39:hover,#mezo40:hover,#mezo41:hover,#mezo42:hover,#mezo43:hover,#mezo44:hover,#mezo45:hover,#mezo46:hover,#mezo47:hover,#mezo48:hover,#mezo49:hover,#mezo50:hover,#mezo51:hover,#mezo52:hover,#mezo53:hover,#mezo54:hover{
	background: url("rubiks_solver_img/fieldhover.png") no-repeat scroll 0 0 transparent;
}
	
#sargaoldal{
	margin-left:66px;
	width:66px;
	height:66px;
}
#zoldoldal{
	width:66px;
	height:66px;
	float:left;
}
#pirosoldal{
	width:66px;
	height:66px;
	float:left;
}
#kekoldal{
	width:66px;
	height:66px;
	float:left;
}
#barnaoldal{
	float:left;
	width:66px;
	height:66px;
}
#feheroldal{
	width:66px;
	height:66px;
	margin-left:66px;
}
.alertbounce{
	font-size:26px;
	padding:10px;
}