html, body, div, span, applet, object, iframe, input, textarea, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0 none;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
  overflow: hidden;
  cursor: default;
}

/** Általános */
body{
	color: #404040;
	font-family: "Comic Sans MS", cursive;
	font-size: 11px;
	background-color: #D8EAF6;
}
h1{ font-size: 18px; font-weight: bold; text-align: center; line-height: 22px; margin-bottom: 25px; color: #3e1102; }
h2{ font-size: 14px; font-weight: bold; text-align: center; line-height: 22px; margin-bottom: 15px; }
h3{	font-size: 18px; font-weight: bold;	text-align: center;	line-height: 22px; margin-bottom: 25px; }
input, textarea{
  border-top: 1px solid #c7c7c7;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  border-left: 1px solid #cbcbcb;
  float: left;
  overflow: auto;
  background-color: #cacaca;
}
input{ height: 20px; padding-left: 2px; overflow: hidden; }
.eh18{ height: 19px; }
select{
  border-top: 1px solid #c7c7c7;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  border-left: 1px solid #cbcbcb;
  height: 20px;
  background-color: #cacaca;  
}
label{ display: block; line-height: 22px; width: 100px; float: left; }
label2{ display: block; line-height: 22px; width: 100px; float: left; }
.errormessage{ color: #ff0000; font-weight: bold; line-height: 20px; width: auto !important; margin-left: 10px; }
.fieldset{ margin: 0px; }
.fieldset div{ clear: both; margin-bottom: 2px; }
.button{
	background-color: #00cc66;
	border: 1px solid #000;
	/*border-radius: 5px;*/
	color: #fff;
	cursor: pointer;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
}
.button:hover{ background-color: #cc9900; color: #000; }

/*szűrő feltételek törlése gomb*/
.button_delfilter{
	background-color: #fff;
	border: 1px solid #A7A7A7;
	/*border-radius: 5px;*/
	color: #2100A3;
	cursor: pointer;
	line-height: normal;
	text-align: center;
	overflow: hidden;
	margin-right: 10px;
	margin-top: -20px;
	padding: 5px;
}
.button_delfilter:hover{
	background-color: #A7A7A7;
	color: #fff;
}
/*szűrő feltételek törlése gomb VÉGE*/


.button1{ line-height: 20px; cursor: pointer; padding: 2px 10px 2px 10px; margin-bottom: 2px; margin-top: 2px; height: auto; overflow: hidden; }

.save{ border: 2px solid #fff; /*border-radius: 5px;*/ color: #fff; float: left; font-weight: bold; }
.save:hover{ border: 2px solid #c86c06; }
.save span{ cursor: pointer; }
.edit{ border: 2px solid #fff; /*border-radius: 5px;*/ color: #fff;	float: left; font-weight: bold; }
.edit:hover{ border: 2px solid #c86c06; }
.cancel{ background-color: #9b0000; float: right; color: #fff; font-weight: bold; border: 1px solid #9b0000; /*border-radius: 5px;*/}
.cancel:hover{ background-color: #fff; color: #9b0000; }
.delete{ border: 1px solid #880000; background-color: #880000; float: left; /*border-radius: 5px;*/ color: #fff; }
.delete:hover{ background-color: #ff0000; }

.login{ background-color: #34B6F3;; border: 1px solid #fff; color: #fff; /*border-radius: 5px;*/ font-weight: bold; margin-left: 11px; }
.login:hover{
	background-color: #fff;
	border: 2px solid #006699;
	color: #006699;
}
.reg{ background-color: #8800BD; border: 1px solid #fff; color: #fff; /*border-radius: 5px;*/ font-weight: bold; float: right; }
.reg:hover{ background-color: #fff; color: #ce7200; border: 1px solid #ce7200; }
.reglink{border: 1px solid #fff; /*border-radius: 5px;*/}
.reglink:hover{ background-color: #009966; border: 1px solid #fff; text-decoration: none; color: #fff; }
.control{ margin-left: 10px; margin-right: 10px; cursor: pointer; }
.control:hover{ text-decoration: underline; }
.loader{ background-image: url('../index.php?site=showpic&cssname=loader&ext=gif') !important; background-repeat: no-repeat !important; background-position: 5px 5px !important; }
.nomargin{ margin: 0px !important; }
.dbase div{ clear: none; }
.dbase .posname{ clear: both; margin-left: 10px; }
.mdel{ width: 16px; height: 16px; margin-right: 2px; display: block; float: left; }
.noconfirmed{ color: #777; font-style: italic; }
.delicon{ background-image: url('../index.php?site=showpic&cssname=del&ext=png&dir=icon'); background-repeat: no-repeat; }
.picker{
  background-image: url('../index.php?site=showpic&cssname=cal&ext=png&dir=calendar');
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 16px;
  margin-left: 5px;
  margin-top: 3px;
  width: 16px;
  cursor: pointer;
}
.nonedisplay{ display: none; }
.clearboth{ clear: both; }
.requirefield{ color: #ff0000; font-weight: bold; }
.disabledata{ border: 0px solid #000; background: transparent; font-weight: bold; color: #fff; }
.w120{ width: 120px; }
.w140{ width: 140px; }
.w160{ width: 160px; }
.w200{ width: 200px; }
.disable{ top: 0px; }

/** Belépő oldal */
.basecontainer{
  background-image: url('../index.php?site=showpic&cssname=log_bg&ext=jpg&dir=backgrounds');
	background-repeat: no-repeat;
	background-position: center center;
	background-color:#D8EAF6;
}
.loginpage{ 
	padding-left: 280px;
	margin-top: 100px;
}
.loginpage .fieldset{ 
	margin: 50px;
	margin-top: 20px; 
}
.loginpage .fieldset h1{ visibility:hidden;}
.loginpage .errormessage{ text-align: center; }
.loginpage input.remember{ margin: 3px 5px 0px 0px; float: left; }
.loginpage .save{ float: right; }
.loginpage .login{ float: right; }
.loginpage .cancel{ float: left; }
.tzmess{ width: auto; margin-bottom: 10px; }
.tzmess label{ width: auto; line-height: normal; }
.tzmess .redmsg{ color: #009c8a; font-size: 10px; margin-bottom: 10px; }
.tzmess .redmsg span{ font-weight: bold; display: block; margin-bottom: 10px; }
.setdefault label{ margin-left: 5px; line-height: 20px; }

/** Regisztrációs rész */
.regpageContainer{ border-radius: 20px; }
.regpage{ overflow: auto; }
.regpage .fieldset{ margin: 10px; }
.regpage label{ width: 130px; }
.regpage .oltimezone{ margin-right: 5px; float: left; }
.regpage .housenr{ margin-left: 10px; width: 60px; }
.regpage .socnet label{ margin-left: 5px; }
.regpage .buttons .button1{ width: 45px; text-align: center; }
.regpage .buttons .reg{ float: left; }

/** Hibaüzenet ablaka */
.message{ 
	/*border: 4px solid #411d18; 
	border-radius: 15px; */
}

.message div{ clear: both; }
.message .msghead{
	background-color: #1472C9;
	margin: 0px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	padding-left: 10px;
}
.message .msgtext{ padding: 10px; overflow: auto; }
.message .msgbtn{
	border-radius: 5px;
	height: 20px;
	width: 40px;
	margin-bottom: 10px;
	margin-left: 180px;
	background-color: #053996;
	text-align: center;
	clear: none;
	color: #fff;
	font-weight: bold;
	border: 1px solid #0066FF;
}
.message .msgbtn:hover{ background-color: #fff; color: #053996; border: 1px solid #053996; }
.message .msgokbtn,
.message .msgcancelbtn{
  margin-bottom: 10px;
  height: 20px;
  background: #d8d8d8;
  text-align: center;
  clear: none;
  width: 45px;
  float: left;
}
.message .msgcancelbtn{ float: right; }
.message .msgokbtn:hover{ background-color: #ff9900; }
.message .msgcancelbtn:hover{ background-color: #880000; color: #fff; }
.message .hdntxt{ width: 1px; height: 1px; font-size: 1px; border: 0px; }

/** Fejrész */
.button_ext{
	background-color: #0085FF;
	border: 1px solid #0085FF;
	/*border-radius: 5px;*/
	color: #fff;
	cursor: pointer;
	line-height: 18px;
	text-align: center;
	overflow: hidden;
	margin-top: 2px;
}
.button_ext:hover{ background-color: #fff; border: 1px solid #fff; color: #ff0000; }
.header{ overflow: hidden; background-color:#813EAD; color: #2f4d54; height: 25px; border-bottom: 2px solid #fff; }
.footer{ overflow: hidden; background-color:#813EAD; color: #2f4d54; height: 25px; border-top: 2px solid #fff; }
.header label{ width: auto; font-size: 1em; color: #fff; font-weight: bold; }
.header .loginmsg{ margin-left: 10px; margin-right: 30px; }
.header .loginmsg span{ color: #ffffff; font-weight: bold; }
.header .gmttime{ float: right; margin-left: 10px; margin-right: 10px;  color: #fff; font-weight: bold; line-height: 22px; font-size: 1em; }
.header .gmttext{ float: right; }
.header .sep{ background: #777; float: left; margin-top: 6px; margin-bottom: 5px; height: 10px; width: 2px; }
.message .save { background: #f90; }
/** Tartalmi rész */
.content{
	overflow: hidden;
	background-color: #D8EAF8;
	/*background-image: url('../index.php?site=showpic&cssname=posto9&ext=jpg&dir=backgrounds');*/
}

/** Jobb és bal oldalon a tartalom konténere */
.title{
	margin-top: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #4f1205;
	background-repeat: repeat-x;
	background-position: center center;
	height: 35px;
	line-height: 30px;
	background-color: #ececd1;
}
.title_base{
	background-repeat: repeat-x;
	background-position: center center;
	background-image: url('../index.php?site=showpic&cssname=spiral_new2&ext=png&dir=other');
	height: 50px;
	margin: 0px 10px 0px 10px;
}
.titlesroom{
	margin-top: 5px;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	font-size: 1.28em;
	color: #769e0c;
	background-repeat: no-repeat;
	background-position: right center;
	height: 20px;
	line-height: 20px;
}
.title_right{ margin-top: 5px; text-align: center; font-weight: bold; font-size: 14px; color: #fff; }
.details{
	overflow: auto;
	margin: 0px;
	padding: 8px;
	box-shadow: 0px 10px 8px #333;
}
.sysmess{
	background-image: url('../index.php?site=showpic&cssname=book_page&ext=jpg&dir=other');
	background-color: #fff;
	overflow: auto;
	margin: 8px;
	padding: 8px;
	border: 3px solid #39c;
}
.details_right{ background-color: #CB83B7; overflow: hidden; }

/************************************************** BAL OLDAL ****************************************/
.leftside{
	margin-top: 10px;
	float: left;
	position: relative;
	overflow: hidden;
	/*border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;*/
	box-shadow: -5px 5px 10px #5F5F5F;
	margin-left: 40px;
	background-color: #F9FEFF;
}
.leftside div{ clear: both; }
.title_teams_players{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	height: 28px;
	line-height: 30px;
  clear: none;
  float: right;
  padding: 0px 2px 0px 2px;
  margin-right: 5px;
}
.title_grooms{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	height: 28px;
	line-height: 30px;
  clear: none;
  float: right;
  padding: 0px 2px 0px 2px;
  margin-right: 5px;
}
.title_personal{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	height: 28px;
	line-height: 30px;
  clear: none;
  float: right;
  padding: 0px 2px 0px 2px;
  margin-right: 5px;
}
.title_top{
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../index.php?site=showpic&cssname=book_top&ext=png&dir=backgrounds);
	height: 100px;
}
.title_bottom{
	background-repeat: repeat-x;
	background-position: left -15px;
	background-image: url('../index.php?site=showpic&cssname=book_bottom&ext=png&dir=backgrounds');
	height: 30px;
	color: #fff;
	padding-left: 10px;
	font-size: 8px;
}

.leftside label{
	width: 100%; 
	text-align: center; 
	margin-top: 5px; 
	margin-bottom: 5px;
	color: #fff;
	background-color: #769e0c;
	border-radius: 4px;
	font-weight: bold;
	padding: 0px 0px 5px 15px;
}
.leftside label2{
	width: 150px; 
	text-align: left; 
	margin-top: 5px; 
	margin-bottom: 5px;
	color: #000;
	background-color: #fbb347;
	font-weight: bold;
	float: left;
	padding-left: 10px;
}
a{ 
	color: #B00;
	font-weight: 600;
	cursor:pointer;
	text-decoration:none;
}
.leftside .tabcontainer{ background-color: transparent; float: left; padding-right: 15px; clear: none; }
.leftside .tab{
	display: inline-block;
	background-color: #e1e1e1;
	cursor: pointer;
	color: #000;
	font-weight: normal;
	padding: 5px 10px 5px 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	margin-top: 5px;
}
.leftside .tab_grooms{
	display: inline-block;
	background-color: #efcc61;
	cursor: pointer;
	color: #000;
	font-weight: normal;
	padding: 5px;
	/* border-top-right-radius: 10px; */
	/* border-top-left-radius: 10px; */
	margin-top: 5px;
	box-shadow: 2px -2px 5px #555;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.leftside .tab_search{
	display: inline-block;
	background-color: #efcc61;
	cursor: pointer;
	color: #000;
	font-weight: normal;
	padding: 5px;
	/* border-top-right-radius: 10px; */
	/* border-top-left-radius: 10px; */
	margin-top: 5px;
	box-shadow: 2px -2px 5px #555;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.leftside .tab_team_player{
	display: inline-block;
	background-color: #fcf3d1;
	cursor: pointer;
	color: #000;
	font-weight: normal;
	padding: 5px;
	/* border-top-right-radius: 10px; */
	/* border-top-left-radius: 10px; */
	margin-top: 5px;
	box-shadow: 2px -2px 5px #555;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.leftside .tab_personal{
	display: inline-block;
	background-color: #fbb347;
	cursor: pointer;
	color: #000;
	font-weight: normal;
	padding: 5px;
	/* border-top-right-radius: 10px; */
	/* border-top-left-radius: 10px; */
	margin-top: 5px;
	box-shadow: 2px -2px 5px #555;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.leftside .active{
	color: #fff;
	font-weight: bold;
	margin-right: 0px;
	border-bottom: 0px;
	padding: 5px;
  opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.leftside #menuscontainer{ margin-left: 10px; margin-right: 10px; }
.leftside .details{ margin-left: 10px; margin-right: 10px; }
.leftside #tab-btnnewgame{
  color: #000;
  background-color: #a7ea4a !important;
}
.leftside #tab-btncontinuegame{
  color: #000;
  background-color: #92cbf2 !important;
}
.leftside #menucontainer{ background-color: #fcf3d1; }
.leftside #tabcontainer .active{ background-color: #dfd4ab; color: #000; }
.leftside #roommenucontainer{ background-color: #efcc61; }
.leftside #roomtabcontainer .active{ background-color: #efcc61; color: #000; background-image: none; }
.leftside #msgmenucontainer{ background-color: #fbb347; }
.leftside #msgtabcontainer .active{ background-color: #ff9900; color: #000; }
.leftside #searchcont{ background: #efcc61; border-top: 2px solid #efcc61; width: 105%; }

/* Baloldal újcsapat */
.button_newteam{
	background-color: #c86c06;
	background-image: url('../index.php?site=showpic&cssname=new_team&ext=png&dir=icon');
	background-repeat: no-repeat;
	background-position: right;
	font-size: 16px;
	color: #fff;
	height: 40px;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	padding-top: 20px;
	border-radius: 4px;
}
/* Baloldal csatlakozás */
.button_newmember{
	background-color: #c86c06;
	background-image: url('../index.php?site=showpic&cssname=join_team&ext=png&dir=icon');
	font-size: 16px;
	color: #FFF;
	height: 40px;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position:right;
	padding-top: 20px;
	border-radius: 5px;
}
.button_groom{
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	margin-bottom: 10px;
	box-shadow: 3px 0px 5px #666;
}
.button_filter{
	background-color: #769e0c;
	border: 1px solid #000;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
}
.button_personal{
	box-shadow: 1px 1px 10px 1px #803D00;
	color: #161616;
	cursor: pointer;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
}
.button_personal:hover{
	background-color: #999999;
	border: 1px solid #5c94c0;
}
.profile{ 
	font-weight: bold;
	color: #fff;
	box-shadow: 1px 1px 10px 1px #803D00;
	margin-top: 5px; 
}
.profile span{ line-height: 22px; display: block; margin-top: 5px; padding-left: 2px; }

.details .changepass h1{ margin-bottom: 10px; font-size: 14px; line-height: 16px; color: #000; }
.details .changepass label{ background: transparent; margin: 0px; width: 130px; float: left; text-align: left; padding: 0px; color: #000; }
.details .changepass input{
	margin-left: 0px;
	background-color: #FFFFFF;
	box-shadow: 1px 1px 10px 1px #803D00;
}
.details .changepass .buttons{ margin-bottom: 0px; }

/************************************************** BAL VÉGE **********************************************/
/* Jobb játékszoba indítása */
.leftside .rstart{
	background-image: url('../index.php?site=showpic&cssname=play&ext=png&dir=icon');
	background-color: #769e0c;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
}

/* Jobb játékszoba folytatása */
.leftside .rcontinoue{
	background-image: url('../index.php?site=showpic&cssname=pause&ext=png&dir=icon');
	background-color: #769e0c;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
}
.leftside .rstart:hover{ background-color: #f9f2e0; color: #769e0c; }
.leftside .rcontinoue:hover{ background-color: #f9f2e0; color: #769e0c; }

/** Játékszobák listázási része */
.leftside .roomlist{ overflow: auto; margin-bottom: 0px; }
.leftside .roomlist div{ margin: 0px; clear: none; }
.leftside .roomfilter{ background: #fbe6a6; }
.leftside .roomfilter label{ text-align: left; background: transparent; color: #000; padding: 0px; margin-left: 10px; }
.leftside .roomfilter .sb1column{ float: left; width: 170px; clear: none; margin-left: 5px; box-shadow: 4px 6px 10px #777; padding: 5px 0px 5px 0px; }
.leftside .roomfilter .sb2column{ float: right; width: 170px; clear: none; margin-right: 5px; padding: 5px 0px 5px 0px; }
.leftside .roomfilter .sb2column .cboxdiv{ box-shadow: 4px 6px 10px #777; padding: 5px 0px 5px 5px; margin: 0px 5px 5px 0px; }
.leftside .roomfilter .cboxdiv{ margin-left: 10px; margin-bottom: 0px; }
.leftside .roomfilter .cboxdiv input{ margin-left: 0px; margin-top: 1px; }
.leftside .roomfilter .cboxdiv label{ font-weight: normal; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; width: 85%; }
.leftside .roomfilter .cboxdiv2{ margin-left: 30px; margin-bottom: 0px; }
.leftside .roomfilter .cboxdiv2 input{ margin-left: 0px; margin-top: 1px; }
.leftside .roomfilter .cboxdiv2 label{ font-weight: normal; width: 84%; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; }
.leftside .roomfilter label2{ text-align: left; margin-left: 10px; height:16px; }
.leftside .roomfilter .button_filter{ display: block; width: 80px; margin-bottom: 10px; float: right; margin-right: 10px; }
.leftside #allroom h3{ display: none; }
.leftside #whereleader h3{ display: none; }
.leftside #whereplayer h3{ display: none; }

.sellink{ cursor: pointer; padding: 3px 5px 3px 5px; }
.sellink span{ cursor: pointer; }
.sellink:hover{ background: #efca7b; border-radius: 4px; }
.myteam .btnlink{
  overflow: hidden;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #fff;
  margin: 20px 5px 0px 5px;
  cursor: pointer;
  height: 22px;
}
.btnlink span{ display: block; padding: 3px 5px 3px 5px; }
.btnlink:hover{ background: #efca7b; }
.tablelist{
  height: 110px;
  overflow: auto;
  /*
  csapatlista változás
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background: #ffffff; */
  margin: 0px 5px 0px 5px;
  overflow: auto;
}
.tablelist div{ margin: 0px; color:#fff; font-weight: bold; }

.fieldset.myteam .tablelist div{
	margin: 0px;
	color: #000;
	font-weight: bold;
}
.fieldset.player .tablelist div{
	margin: 0px;
	color: #000;
	font-weight: bold;
}

.tablelist .active{
	font-weight: bold;
	border: 0px;
	background-color: #C2AF61;
	color: #fff;
}
.tablelist .nodata{ margin: 5px; }
.player .tablelist{ margin-top: 0px; }

/** tooltip */
.tooltiptop{ width: 200px; height: 10px; background: url('../index.php?site=showpic&cssname=tooltip_top&ext=gif') no-repeat bottom; }
.tooltipbottom{ width: 200px; height: 32px; background: url('../index.php?site=showpic&cssname=tooltip_bot&ext=gif') no-repeat; }
.tooltip{ width: 198px; background: #fffbcc; border-left: 1px solid #ffcc01; border-right: 1px solid #ffcc01; }
.tooltip div{ margin-left: 10px; margin-right: 10px; margin-bottom: 0px; }
.tooltip label{ width: 80px; font-size: 9px; line-height: 13px; }
.tooltip span{ font-size: 9px; line-height: 13px; margin-left: 10px; display: block; }

/** Középső rész */

/** Tartalmi ablak a középső részen */
.contentside{ float: left; position: relative; overflow: hidden; background-repeat: repeat; }
.contentpage{
	 overflow: auto;
	/* border-radius: 10px; */
	box-shadow: 0px 0px 8px #333;
}
.contentpage h1{ margin-top: 10px; margin-bottom: 15px; }
.contentpage .fieldset{
	color: #fff;
	font-weight: bold;
	margin: 10px;
	background-color: #3EACD6;
	padding: 10px;
	border: 1px solid #666;
	/*border-radius: 10px;*/
	box-shadow: 2px 2px 5px 1px #777777;
}
.contentpage .buttons{ margin-bottom: 10px; }
.contentpage .buttons .button1{ width: 60px; text-align: center; padding-left: 0px; padding-right: 0px; }
.contentpage .buttons .save{ background-color: #ff9900; }
.contentpage .buttons .edit{ width: 90px; }
.contentpage .buttons .delete{ width: 60px; margin-left: 10px; }
.contentpage .errormessage{ width: auto; }
.contentpage .usermoddate{ font-weight: bold; line-height: 22px; }
.contentpage .floatleft{ float: left; }
.contentpage .localtime{ width: auto; margin-left: 10px; }
.image{ border: 2px solid #C9C9C9; /*border-radius: 10px;*/ float: right; margin: 0px; position: relative; }
.regimage{ float: right; position: relative; width: 211px; height: 250px; margin-right:10px; margin-top:10px; } 	
.image #deletepic{
  margin: 0px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: #eee;
  opacity: 0.5;
}
.image #deletepic span{
  display: block;
  text-align: center;
  color: #ff0000;
  font-weight: bold;
  line-height: 20px;
  cursor: pointer;
}
.image #deletepic span:hover{ text-decoration: underline; }
.buttons{ margin-left: 10px; margin-right: 10px; }
.buttons .button{ float: left; margin-left: 10px; margin-top: 3px; padding-left: 10px; padding-right: 10px; }
.contentpage .closeicon{
	background-image: url('../index.php?site=showpic&cssname=control_buttons&ext=png&dir=icon');
	cursor: pointer;
	font-size: 13px;
	height: 16px;
	line-height: 16px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 5px;
	width: 16px;
	background-repeat: no-repeat;
	background-position: -3px -313px;
}
.closeicon:hover{ background-position: -3px -289px; }

/** Csapattag szerkesztés, hozzáadás */
.memberedit{ clear: both; border: 1px solid #000; }
.memberedit .label{
 	color: #000;
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #B9DCEC;
	margin-bottom: 0px;
}
.memberedit .tabcontainer{ margin-bottom: 0px; margin-top: 10px; }
.memberedit .tabcontainer .tab{
  clear: none;
  float: left;
  background: #fff;
  /*border-top-left-radius: 10px;
  border-top-right-radius: 10px;*/
  border-bottom: 1px solid #fff;
  line-height: 20px;
  color: #000;
  cursor: pointer;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0px 5px 0px 0px;
}
.memberedit .tabcontainer .active{ background: #c86c06; border-bottom: 2px solid #c86c06; font-weight: bold; color: #fff; }
.memberedit .memberaddcontent{ background-image: url('../index.php?site=showpic&cssname=stat_bg&ext=jpg&dir=backgrounds'); margin-bottom: 0px; }
.memberedit .memberaddcontent h3{ display: none; }
.memberedit .memberaddcontent .memberlis{ height: 260px; }
.contentpage .memberlistcontainer{ border: 1px solid #666; float: right; margin-left: 0px; width: 115px; }
.memberlistcontainer .save{ width: 70px; margin-left: 12px; }
.memberlistcontainer .label{
	color: #000;
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #B9DCEC;
	margin-bottom: 3px;
}
.memberlistcontainer .btnlink{ border-bottom: 1px solid #000; margin-bottom: 0px; border-bottom: 0px; cursor: pointer; }
.memberlistcontainer .tablelist{ height: 145px; }

/** Üzenetek ablak */
.fieldset .cancel{
	margin-right: 5px;
}
.messfield{ overflow: hidden; background-color: #00FFFF; }
.messfield .tabcontainer{ height: 30px; margin-left: 20px; margin-right: 20px; clear: both; }
.messfield .tabcontainer .tab{
	float: left;
	background-color: #713800;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-top: 10px;
	line-height: 20px;
	color: #ff9900;
	cursor: pointer;
	width: 70px;
	text-align: center;
}
.messfield .tabcontainer .tab:hover{
	color: #ff0;
	margin-top: 0px;
	background-color: #b95c00;
	font-weight: bold;
	height: 30px;
}
.messfield .tabcontainer .active{
	margin-top: 0px;
	background-color: #ff8811;
	font-weight: bold;
	height: 30px;
	color: #880000;
}
.content .tabaction{
	font-size: 10px;
  float: right;
  padding-left: 18px;
  padding-right: 5px;
  line-height: 21px;
  cursor: pointer;
  margin-top: 8px;
  /*background: #c7c7c7;
  color: #880000;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #000000;*/
}
/*.content .tabaction:hover{ background-color: #880000; color: #c7c7c7; }*/
.content .downarrow{/*url('../index.php?site=showpic&cssname=down_arrow&ext=png&dir=icon')*/
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	margin-left:10px 
}
.content .uparrow{/*url('../index.php?site=showpic&cssname=up_arrow&ext=png&dir=icon');*/
  background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	margin-left:0px 
}
.messfield .msgbodycontainer{ height: 90px; position: relative;}
.msgbodybase{ border-top-left-radius: 20px; border-top-right-radius: 20px;}
.msgbody{ 
	overflow: auto; 
	margin-top: 5px; 
	margin-left: 5px; 
	margin-right: 5px; 
	background-color: #FAE998;
}
.systemmess{ 
	margin-top: 5px;
	color: #000;
	background-color: #fbb347;
	border: 0px solid #000;
	font-size: 12px;
	box-shadow: 5px 3px 20px 1px #5A5A5A;
}
.image{ width: 80px; height: 80px;}
.btnlink{ margin-left: 5px; margin-right: 5px; padding-left: 5px; padding-right: 5px; cursor: pointer; }
.pbutton{ margin-left: 12px; display: block; width: 70px; float: left; }
.pbutton1{ margin-left: 10px; display: block; width: 100px; float: left; }
.profil .userdata{ float: left; margin-right: 10px; }
.profil label{ width: auto; margin-right: 5px; }
.profil span{ line-height: 22px; font-weight: bold; }
.systemmess .msgdate{ margin-left: 5px; font-weight: bold; float: left; width: 25%; }
.systemmess .msgmess{ margin-left: 10px; float: left; width: 72%;}
.messtext{ position: absolute; bottom: 0px; }
.messtext .text{ margin-right: 10px; }
.messtext .cbox{ margin-right: 5px; margin-top: 2px; border: 0px; }
.messtext .button1{ line-height: 16px; margin-bottom: 0px; }
.msgbody .priv{ border: 1px solid #ff0000;}
.msgbody .chatrow{ clear: both; margin-top: 5px; }
.chatrow .sender{ font-weight: bold; float: left; margin-right: 10px; }
.chatrow .small{ font-size: 10px; font-weight: normal; margin-left: 2px; }
.chatrow .messtxt{ display: block; }
.leftside .stepdata{ clear: none; width: auto; float: left; }
.white{ width: auto; float: left; margin-left: 5px; }
.black{ width: auto; float: left; margin-right: 5px; }
.first{ margin-left: 10px; }
.bld{ font-weight: bold; margin-left: 10px; }
.msgtabs{
	float: left; }
	
#contentpage .userdatarow {
	color: #fff;
	font-weight: bold;
	margin: 10px;
	background-color: #152D7A;
	border: 1px solid #000;
	/*border-radius: 5px;*/
	padding:3px;
}

/** Fénykép feltöltés */
.picupload div{ margin: 0px; }
.file_upload_container{ position: relative; height: 24px; }
.file_upload_process{ display: none; line-height: 22px; }
.imgfile{
  width: 100px;
  height: 18px;
  border-top: 1px solid #c7c7c7;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  border-left: 1px solid #cbcbcb;
  position: absolute;
}

#contentpage #image {
	margin-right: 5px;
	box-shadow: 2px 2px 5px 1px #777777;
}

.file_upload_container .file_input_div{ height: 22px; overflow: hidden; position: absolute; width: 80px; left: 135px; }
.file_input_button{
	border: 1px solid #000000;
	color: #FFF;
	background-color: #63C811;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	position: absolute;
	padding-left: 5px;
	padding-right: 5px;
	/*border-radius: 5px;*/
}
.file_input_hidden{ position: absolute; height: 22px; right: 15px; opacity: 0; cursor: pointer; }

/** Csapat rész */
.teamcontent{ float: left; width: 410px; position: relative; border: 1px solid #000000; }
.teamcontent div{ margin-bottom: 0px; }
.teamcontent .mb10{ margin-bottom: 10px; }
.teamcontent .timedata{ font-size: 10px; }
.timedata label{ line-height: 14px; }
.timedata .usermoddate{ line-height: 10px; }
.teamcontent .datarow{ margin-bottom: 5px; }
.teamcontent .datarow input, textarea{ margin-left: 0px; }
.teamcontent .basedata{ float: left; margin-top: 10px; margin-left: 10px; margin-right: 5px; }
.teamcontent .basedata label{ width: 120px; }
.basedata .button{ float: left; margin-left: 10px; margin-top: 3px; padding-left: 10px; padding-right: 10px; }
.teamcontent .buttons{ margin-top: 10px; margin-left: 0px; }
.teamcontent .buttons .delete{ width: 100px; }
.stat{ position: absolute; bottom: 22px; right: 10px; }
.teamcontent .label{
	color: #000;
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #B9DCEC;
	margin-bottom: 0px;
}
.teamcontent .image{
  width: 100px;
  height: 100px;
  margin-right: 10px;
  margin-top: 10px;
  background-position: center center;
  background-repeat: no-repeat;
}
.teamcontent .delete{ margin-left: 10px; color: #e7e7e7; font-weight: bold; }
.teamcontent .file_upload_container{ position: static; }
.teamcontent .file_input_div{ left: 250px; }

/** Csapattag meghívás rész */
.invitelist label{ width: 110px; }
.invitelist .inviteemail{ margin-left: 10px; width: 90px; }
.invitelist .errormessage{ clear: both; display: block; width: 100% !important; }
#teamsettings .fieldset{ margin: 0px; }
#teamsettings .gridlabel{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
  margin-bottom: 25px;
  width: 100%;
}
.memberfilter label{ margin-left: 5px; width: auto; margin-right: 5px; }
.memberfilter .cbfilter{ float: left; clear: none; margin-left: 10px; }
.memberfilter .save{ background-color: #ff9900; }
#chkIsDelForever{ margin-left: 10px; }
.memberlist{ overflow: auto; }
.memberlist div{ margin: 0px; clear: none; }
.memberlist .datagrid_content{ height: 225px; }
.memberaddcontent .delete{ margin-left: 10px; color: #e7e7e7; }
.memberaddcontent .statmainlabel{ text-align: center; width: 100%; margin-bottom: 10px; color: #3e1102; }

/** Csapat meghívás rész */
.inviteteam .gridlabel{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 10px;
  width: 100%;
}
.teamfilter, .teamlist{ margin-left: 10px; margin-right: 10px; }
.teamfilter label{ width: 90px; }
.teamfilter input.favorite{ margin-right: 5px; margin-top: 1px; }
.teamfilter select{ float: left; margin-right: 10px; }
.teamlist div{ margin: 0px; clear: none; }
.teamlist .datagrid_content div.row{ height: 26px; }
.teamlist .datagrid_content div.row div{ line-height: 26px; }
.nofav{ display: block; height: 25px; background: url('../index.php?site=showpic&cssname=nofavorite&ext=png&dir=icon') no-repeat center center; }
.fav{ display: block; height: 25px; background: url('../index.php?site=showpic&cssname=favorite&ext=png&dir=icon') no-repeat center center; }
.invitedteamname{ cursor: pointer; line-height: 22px; float: left; }
.invitedteamname:hover{ text-decoration: underline; }

/** Pozíciólista, pozíció létrehozása rész */
.positionwin{
  top: 40px;
  right: 20px;
}
.positionwin .gridlabel{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 10px;
  width: 100%;
}
.positionwin .piecetable{ margin-left: 10px; margin-right: 10px; margin-bottom: 10px; float: left; }
.positionwin .createpiece{ margin-left: 10px; margin-right: 10px; float: left; width: 300px; }
.positionwin .dmore{ margin: 10px 10px 0px 10px; }
.positionwin h3{ margin-top: 10px; }
.createpiece .pieceadd{ margin-top: 10px; margin-bottom: 0px; }
.endpiece label{ margin-left: 10px; margin-right: 10px; width: auto; }
.endpiece .save{ background-color: #ff9900; border-color: #585858; color: #000; }
.endpiece .save:hover{ background: #cccccc; border-color: #ff9900; }
.piecetable .figure{
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  cursor: pointer;
}
.piecetable .figure:hover{ background-color: #cccccc; }
.piecetable .maybediversity{ width: auto; }
.piecetable .maybediversityvalue{ margin-left: 10px; color: #990000; font-weight: bold; }
.pieceadd input{ margin-right: 10px; margin-left: 0px; }
.pieceadd .save{
  height: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  background: #ff9900;
  border: 1px solid #585858;
  font-weight: normal;
  margin-top: 0px;
}
.pieceadd .save:hover{ background: #cccccc; border-color: #ff9900; }
.positionfilter, .positionlist{ margin-left: 10px; margin-right: 10px; }
.positionfilter label{ width: 90px; }
.positionlist div{ margin: 0px; clear: none; }
.positionlist .datagrid_content div.row{ height: 26px; }
.positionlist .datagrid_content div.row div{ line-height: 26px; }
.positionrule{ line-height: 22px; margin-left: 10px; }
.positionbrowse{ cursor: pointer; line-height: 22px; margin-left: 10px; }
.positionbrowse:hover{ text-decoration: underline; }
blockquote .piecelist{ margin-bottom: 10px; }
blockquote .piecelist div{ margin-bottom: 5px; }
.pieces{
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
}

/** Felhasználó módosítása rész */
.contentpage .userh{ margin-top: 0px; color:#fff;}
.contentpage .userdatarow{ margin-bottom: 5px; }
.contentpage .userdatarow label{ width: 130px; }
.contentpage .userdatarow input, textarea{ margin-left: 0px; }
.contentpage .userdatarow .housenr{ margin-left: 10px; width: 60px; }
.contentpage .userdatarow .socnet{ padding-left: 5px; }
.contentpage .userdatarow .socnet label{ width: 100px; }
.contentpage .userdatarow .oltimezone{ margin-right: 5px; float: left; }
.contentpage .usertimedata{ font-size: 10px; margin-bottom: 0px; }
.usertimedata label{ line-height: 14px; }
.usertimedata .usermoddate{ line-height: 10px; }

/** Játékszoba létrehozása rész */
.gamedatarow .small{ margin-left: 5px; width: auto; }
.gamedatarow input{ margin-left: 0px; }

.rulecontainer{ 
	padding: 10px;
	margin: 10px;
	background-color: #A0A0A0;
	box-shadow: 1px 1px 10px 2px #777777;
}
.dbase .gameposition{ clear: both; margin-bottom: 0px; }
.gameposition .piecetable{ float: left; margin-left: 0px; }
.piecetable td{ width: 35px; height: 35px; padding: 0px; vertical-align: top; border: 1px solid #000000; }
.piecetable .diversity{ margin-bottom: 0px; margin-top: 5px; }
.gameposition{ clear: both; }
.gameposition .piecelist{ margin-bottom: 0px; margin-right: 0px; }
.piecelist label{ margin-left: 5px; margin-right: 10px; padding-left: 10px; color: #000; width: 85px; }
.roomvalue{ line-height: 22px; float: left; margin-left: 10px; }
#olTeamId option:first-child{ color: #880000; font-weight: bold; }

/** Csatlakozni szeretnék rész */
.teamtojoin .tablelist{ border: 0px; overflow: hidden; }
.teamtojoin .txtarea{ margin-left: 20px; margin-bottom: 10px; }
.teamtojoin input{ margin-left: 0px; }
.teamtojoin .teamfilter label{ width: 100px; }
.teamtojoin .buttons .save{ width: 150px; }
.teamtojoin .teamlist{ margin-left: 0px; }

/** Teljes játéklista rész */
#gameslist{ padding-left: 0px; padding-right: 0px; }
.fullgamelist{overflow: auto; box-shadow: 0px 0px 8px #333;}
.fullgamelist .closeicon{
	background-image: url('../index.php?site=showpic&cssname=close_down&ext=png&dir=icon');
	cursor: pointer;
	font-size: 13px;
	height: 16px;
	line-height: 16px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 5px;
	width: 16px;
	background-repeat: no-repeat;
	background-position: center center;
}
.fullgamelist .closeicon:hover{ background-image: url('../index.php?site=showpic&cssname=close_up&ext=png&dir=icon'); }
.fullgamelist h3{ color: #fff; margin-bottom: 15px; margin-top: 10px; }
.fullgamelist .fieldset{ 
	/* border-radius: 10px; */
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	background-color: #6511C0;
	box-shadow: 3px 3px 2px #777;
	border: 1px solid #333;
}
.fullgamelist .gridlabel{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 10px;
  width: 100%;
}
.fullgameslist{ margin-left: 10px; margin-right: 10px; }
.fullgameslist div{ clear: none; margin: 0px; }
.fullgamefilter{ margin-left: 10px; margin-right: 10px; }
.fullgamefilter .nomargin label{ font-weight: bold; }
.fullgamefilter input{ margin: 0px; }
.fullgamefilter label{ width: 50px; margin-right: 5px; color: #fff; font-weight: normal; }
.fullgamefilter .w60{ width: 60px; margin-left: 10px; }
.fullgamefilter .w65{ width: 65px; margin-left: 10px; }
.fullgamefilter .w100{ width: 100px; margin-left: 10px; }
.fullgamefilter .w120{ width: 120px; margin-left: 10px; }
.fullgamefilter .floatleft{ float: left; }

/** Jobb oldali rész */
.rightside{
	float: left;
	position: relative;
	overflow: hidden;
	background-color: #662B56;
}
.rightside div{ clear: both; }
.rightside label{width: 100%; text-align: center; margin-top: 5px; margin-bottom: 5px; }
.rightside .tabcontainer{ 
	margin-top: 10px; 
	border-top-left-radius: 10px; 
	background: #CB83B7; 
}
.rightside .tab{
	background-color: #923D7A;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	border-top-left-radius: 10px;
	margin-left: 35px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.rightside .active{ 
	background-color:#CB83B7; 
	color: #000000; 
	margin-left: 22px; 
	border-bottom: 0px; 
	border-top: 1px solid #000000; 
}
.rightside .tab2{
  background: #e7e7e7;
  cursor: pointer;
  color: #ff9900;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  border-top-left-radius: 20px;
  margin-left: 0px;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

/*Jobb játékszoba indítása*/
.rightside .rstart{
	background-image: url('../index.php?site=showpic&cssname=play&ext=png&dir=icon');
	background-color: #9D4284;
	cursor: pointer;
	color: #FAC7F3;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	/*border-top-left-radius: 10px;*/
	margin-left: 0px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background-repeat: no-repeat;
	background-position: 165px;
}

/*Jobb játékszoba folytatása*/
.rightside .rcontinoue{
	background-image: url('../index.php?site=showpic&cssname=pause&ext=png&dir=icon');
	background-color: #BA5A9F;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	border-top-left-radius: 10px;
	margin-left: 0px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background-repeat: no-repeat;
	background-position: 165px;
}

/*Jobb játékszoba keresése*/
.rightside .rsearch{
	background-image: url('../index.php?site=showpic&cssname=mglass&ext=png&dir=icon');
	font-size: 14px;
	background-color: #CB83B7;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	/*border-top-left-radius: 20px;*/
	margin-left: 0px;
	/*border-left: 1px solid #000000;*/
	text-align: center;
	background-repeat: no-repeat;
	background-position: right;
	margin-right:10px;
}
.rightside .button{ margin-top: 15px; }
.rightside .newgame{ margin: 5px 10px 10px 10px; width: auto; }
.rightside .roomfilter label{ text-align: left; margin-left: 10px; }
.rightside .cboxdiv{ margin-left: 10px; }
.rightside .cboxdiv label{ margin: 0px 0px 0px 5px; line-height: 20px; width: auto; }



/** A játék lezárása */
.winnerlabel{ text-align: left; width: 120px; }
.winner{ padding-left: 10px; padding-right: 10px; font-weight: bold; width: 120px; }
.winner .small{ display: block; font-size: 0.8em; }
.point{ width: 80px; margin-right: 20px; }
.pts{ font-weight: normal; }

div.prompiece{ background-repeat: no-repeat; background-position: center center; cursor: pointer; float: left; margin-left: 10px; clear: none; }
div.prompiece:hover{ background-color: #999; }

/** statisztikai rész */
#gamestat .statwin{ margin: 0px 10px 10px 10px; }
.statwin label{ width: 200px; }
.statwin span{ line-height: 22px; }
.statwin .detdata{ margin-left: 20px; }
.statwin .teamlist{ clear: none; float: left; width: 338px; margin: 0px; }
.statwin .whitestat{ border-right: 1px solid #000; }
.statwin .whitestat .posrule{ margin-right: 10px; }
.statwin .blackstat{ border-left: 1px solid #000; }
.statwin .blackstat .posrule{ margin-left: 10px; }
.statwin .teamlist h1{ font-size: 12px; text-decoration: underline; margin-top: 0px; color: #fff; }
.statwin .teamlist h2{ font-size: 12px; line-height: normal; }
.statwin .teamlist h2 span{ clear: both; display: block; font-weight: normal; }
.statwin .teamlist label{ width: auto; float: none; text-align: center; }
.statwin .teamlist .statlabel{ float: left; }
.statwin .teamlist .nocenter{ text-align: left; }
.statwin .teamlist .w120{ width: 110px; }
.statwin .teamlist .w100{ width: 95px; }
.statwin .teamlist .w80{ width: 73px; }
.statwin .teamlist .posrule table{ margin: 0px auto; width: 320px; }
.statwin .teamlist .posrule td{ width: 40px; height: 60px; vertical-align: bottom; border: 1px solid #000; }
.statwin .teamlist .posrule td span{
  background-color: #fff;
  display: block;
  margin: 0px; 
  line-height: normal; 
  font-size: 10px;
  text-align: center;
  color: #525252;
}
.statwin .blackstat label{ margin-left: 10px; }
.statwin .odos h2{ margin-top: 20px; }
.statwin .posarea h2{ margin-top: 20px; }
.statwin .timestat h2{ margin-top: 20px; }
.playbackwin{ width: 680px; }
.playbackwin .chesstable{ float: right; clear: none; }
.playbackwin .chesstable .buttons{ margin-top: 10px; margin-left: 30px; }
.playbackwin .chesstable .buttons .button{ width: 50px; }
.playbackwin .teamlist{ clear: none; float: left; margin: 0px; }
.playbackwin .playback{ width: 238px; }
.playbackwin .playback .active{ background: #ff9900; padding-left: 10px; }
.playbackwin .teamlist h2{ font-size: 12px; line-height: normal; }
.playbackwin .teamlist h2 span{ clear: both; display: block; font-weight: normal; }
.playbackwin .teamlist label{ width: auto; float: none; text-align: center; }
.playbackwin .teamlist .statlabel{ float: left; width: 20px; }
.playbackwin .teamlist .w130{ width: 109px; float: left; }
.playbackwin .teamlist .lsteplabel{ text-align: left; cursor: pointer; width: 88px; margin-left: 10px; padding-left: 10px; }
.playbackwin .teamlist .lsteplabel:hover{ background-color: #ff9900; }
.playbackwin .teamlist .rsteplabel{ text-align: left; cursor: pointer; width: 88px; margin-left: 10px; padding-left: 10px; float: right; }
.playbackwin .teamlist .rsteplabel:hover{ background-color: #ff9900; }
.playbackwin .statlabel span{ display: block; }
.playbackwin .statlabel .small{ font-size: 10px; }
.playbackwin .nolh{ line-height: normal; margin-bottom: 10px; }

/*TUTORIAL*/

#fulltutor p{
	text-align:justify;
	padding-left:2px;
	padding-right:10px;
	font-weight:bold;
}
#fulltutor h1{
	background-color:rgb(255, 173, 27);
	line-height: 30px;
	margin-top: 10px;
	box-shadow: 1px 1px 10px 1px #777;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}
#fulltutor h3 {
	font-size: 12px;
	text-align: justify;
	background-color: rgb(255, 204, 0);
	box-shadow: 5px 5px 10px 1px #777;
	margin-right: 10px;
	padding: 5px;
	margin-bottom: 10px;
}
#fulltutor h4 {
	color: rgb(255, 224, 0);
	font-size:14px;
	font-size: 12px;
	text-align: justify;
	background-color:#B00;
	box-shadow: 5px 5px 10px 1px #777;
	margin-right: 10px;
	padding: 10px;
	margin-bottom: 10px;
	font-weight:bold;
}
#fulltutor h5 {
	font-size: 12px;
	text-align: justify;
	background-color: rgb(255, 204, 0);
	box-shadow: 5px 5px 10px 1px #777;
	margin-right: 10px;
	padding: 5px;
	margin-bottom: 10px;
	float:right;
}
#fulltutor h3 b{
	font-weight:600;
}
#fulltutor  b{
	font-weight:600;
}
#fulltutor h4 img {
	padding-left:10px;
	float:right;

}
#fulltutor table{
	float:left;
	box-shadow: 5px 5px 10px 1px #777;
	margin-right: 10px;
	margin-bottom:5px;
	}
#fulltutor tr:nth-child(even) {	
	background-color: rgb(255, 204, 0);
}
#fulltutor tr:nth-child(odd) {
	background-color:rgb(255, 153, 0);
}
#fulltutor td:nth-child(even) {
	float:right;
	padding-right:6px;
	/*visibility:hidden;*/
}
#fulltutor td:nth-child(odd) {
}
#fulltutor li {
	margin-left: 20px;
	margin-bottom: 15px;
	font-weight: 600;
	margin-right: 20px;
	text-align: justify;
}

#newteamtutor h3, #addmembertutor h3,#wannajointutor h3{
	color:#fff;
	font-size: 12px;
	text-align: justify;
	background-color: rgb(129, 116, 61);
	box-shadow: 5px 5px 10px 1px #777;
	margin-right: 10px;
	padding: 10px;
	margin-bottom: 10px;
}
#newteamtutor p, #addmembertutor p, #fullgamefiltertutor p{
	padding-left:10px;
	padding-right:10px;
}

#newteamtutor b, #addmembertutor b{
	font-weight: 600;
	text-align: justify;
}
#wannajointutor p{
	text-align: justify;
}

#continuegametutor p{
	text-align: justify;
}
#newgametutor p{
	text-align: justify;
}
#fullgamefiltertutor p{
	text-align: justify;
}
#fullgamefiltertutor h3{
	color: #fff;
	font-size: 12px;
	text-align: justify;
	background-color: rgb(164,123,40);
	box-shadow: 5px 5px 10px 1px #777;
	margin-right: 10px;
	padding: 10px;
	margin-bottom: 10px;
}