html{ overflow-y:scroll;}
body{ background:url('../img/layout/bg01.png') #e9ebed repeat-x; padding:0px; margin:0px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}

h1{ color:#004d7e; font-weight:normal; padding:0px 35px 5px 0px; font-size:24px; border-bottom:0px solid silver; margin:16px 0px 16px 0px;}
h2{ color:#0062a0; font-size:18px;}
td, th{ font-family:Arial,Helvetica,sans-serif;}
p{ padding:0px; margin:12px 0px 12px 0px;}
input{ vertical-align:middle;}

a{ color:#0059b4; text-decoration:underline;}
a:hover{ color:#eb3d00; text-decoration:none;}

#gcBody{ width:960px; margin:auto; background:url('../img/layout/bg02.png') white repeat-x; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}

#navi01{ height:45px; background:url('../img/layout/nav01a.png') #89cb36 repeat-x; clear:both;}
#navi01 ul{ margin:0px; padding:0px;}
#navi01 li{ list-style-type:none; margin:0px; padding:0px; float:left; background:url('../img/layout/nav01a.png') #89cb36 repeat-x;}
#navi01 li:hover{ text-decoration:none;}
#navi01 li a, #navi01 li a:visited{ font-size:14px; font-family:Tahoma; font-weight:bold; display:block; color:white; text-decoration:none; padding:12px 20px 0px 20px; height:33px; float:left;}
#navi01 li a:hover{ color:white; background:url('../img/layout/nav01b.png') #fe7800 repeat-x;}

#login{ float:right; border:0px solid red; color:#0057b1;}
#login .userLoginForm{ width:280px; text-align:right; padding:8px 8px 0px 0px; border:0px solid lime; margin:0px;}
#login .userLoginForm label{ padding:0px 0px 3px 5px; margin:0px; display:block; width:80px; font-weight:bold; text-align:left; font-size:13px;}
#login .userLoginForm .userLogin, #login .userLoginForm .userPassword{ padding:2px 1px 2px 1px; margin:0px 0px 3px 4px; width:110px; height:16px; background-color:#DDDDDD; background:url(../img/layout/form_bg.gif) repeat-x; border:1px solid #c3c5c6;}
#login .userLoginForm .userLoginSubmit{ margin:19px 0px 0px 0px; padding:0px 0px 3px 2px; vertical-align:middle;}

#login .userLoginContent{ text-align:right; padding:2px 50px 0px 0px; color:#5C656A; clear:left; font-size:11px; margin:0px;}
#login .userLoginContent a, #login .userLoginContent a:visited{ font-family:verdana,tahoma,arial; font-size:11px; color:#58971E;}
#login .userLoginContent a:hover{ color:#FFB020; text-decoration:none;}

#gcFooter{ clear:both; padding-top:48px;}
#gcFooter .menu{ background:url('../img/layout/fo-bg01.gif') #cddadc repeat-x top; text-align:center; font-size:11px; padding:10px; color:gray;}
#gcFooter .footprint{ text-align:center; background-color:#99aab2; color:white; font-size:9px; padding:4px;}

.userLoginForm label {
	display: block;
	cursor:pointer;
}
.userLoginForm div {
	float: left;
	margin-right: 3px;
}
.userLoginForm .userLoginSubmit {
	margin-top: 20px;
}

#mainContent{ clear:both; float:left; width:675px; padding:0px 10px 0px 10px; border:0px solid silver;}
#rightContent{ float:right; width:250px; padding:50px 10px 0px 0px; border:0px solid silver;}

#rightContent .mod01 h1{ font-family:Arial,Helvetica,sans-serif; background:url('../img/layout/h1bg.png') #459ad6 top no-repeat; border-bottom:2px solid #3177bf; color:white; padding:4px 4px 3px 12px; margin:16px 0px 0px 0px; font-size:16px; font-weight:bold;}
#rightContent .mod01 .content{ margin:0px; padding:0px; border:1px solid #d4d8db; background-color:#e9ebed;}

#rightContent .mod01 ul{ margin:0px; padding:0px;}
#rightContent .mod01 li{ display:block; border-top:1px solid #e9ebed; border-bottom:1px solid #d4d8db; margin:0px;}
#rightContent .mod01 li:hover{ display:block; border-top:1px solid #ffa800; border-bottom:1px solid #ff8400; background:url('../img/layout/li-bg01.gif'); background-color:#fcb600;}
#rightContent .mod01 li a{ display:block; padding:3px 2px 3px 16px; text-decoration:none;}
#rightContent .mod01 li:hover a{ display:block; padding:3px 2px 3px 16px; text-decoration:none; color:black;}

.com01 .plainForum .threadMeta{ vertical-align:top; background-color:#d4d8db; padding:5px; color:black; width:100px; font-size:11px;}
.com01 .plainForum .threadContent{ vertical-align:top; background-color:#e9ebed; padding:5px;}
.com01 .plainForum .sPfHead{ color:black; background:url('../img/layout/th-bg01.gif')}


/* forms */
form.f1{ padding-bottom:8px;}
form.f1 input, form.f1 select{ margin:3px;}
form.f1 label, form.f1 .helpIcon{ margin:5px 3px 3px 3px;}
form.f1 label.l{ float:left; text-align:left; width:150px; margin-right:.3em; font-weight:bold;}
form.f1 input[type=text], form.f1 select{ float:left;}
form.f1 input.r{ float:left; width:auto; clear:both; margin-left:5.3em; margin-right:.3em;}
form.f1 input[type=checkbox].r, form.f1 input[type=radio].r, form.f1 input[type=submit].r{ margin-left:6.3em;}
form.f1 br{ clear:both;}
form.f1 .block br{ clear:none;}

.com01 .comContent legend{ font-weight:bold; padding:3px 10px 3px 10px; color:#58971E;}
.com01 .comContent fieldset{ border:1px solid #C0C0C0; padding:4px 7px 9px 7px; margin:0px 2px 0px 2px;}
.com01 .comContent .readonly{ color:gray;}
.com01 .comContent .required{ background-color:#FFDDB1; border:1px solid #7F9DB9; padding:1px 1px 3px 1px;}
.com01 .comContent .icoHelp{ border:0px; vertical-align:middle; cursor:help; margin:0px 0px 0px 6px;}
.com01 .comContent .newsDate{ color:gray; font-size:11px;}

/* tables */
table.list{ border-collapse:collapse; padding:1px; width:100%; border:1px solid #cccccc; clear:both;}
table.list th{ padding:5px; text-align:center; background:url(../img/layout/th-bg01.gif) #ffd500 repeat-x bottom; border-bottom:1px solid #cccccc; color:black; font-size:13px; }
table.list td{ padding:2px; text-align:center;}
table.list td a{ text-decoration:none;}
table.list td.l{ padding:2px 2px 2px 4px; text-align:left;}
table.list tr.hover td{ background:url(../img/layout/tr-bg01.gif) bottom repeat-x #aee344;}
table.list tr.worb td{ background:url(../img/layout/tr-bg02.gif) bottom repeat-x #83ccff;}
table.list tr.r1{ background-color:#d4d8db;}
table.list tr.r2{ background-color:#e9ebed;}
table.list tr.r1 td.id{ background-color:#d1d5d8; border-right:1px dotted #cccccc;}
table.list tr.r2 td.id{ background-color:#e4e6e8; border-right:1px dotted #cccccc;}
table.list tr td span.status1{ color:#56ac27; font-weight:bold;}
table.list tr td span.status2{ color:#ffa000;}
table.list tr td span.status3{ color:gray;}

table.list td.gameInfo{ vertical-align:top; text-align:left;}
table.list td.gameInfo b{ color:green;}
table.list td.gameInfo span{ color:green;}

table.list td.llist{ border-top:1px solid #FFCC00; border-left:1px dotted #FFCC00; padding:2px; text-align:left;}


/* game field editor styles */
.gfe td.a0{ background-color:#e0e1e2; width:20px; height:20px; cursor:pointer;}
.gfe td.a1{ background-color:#004c99; width:20px; height:20px; cursor:pointer;}

.gfe th{ background-color:#FF9900; color:black; font-size:12px;}
.gfe table.list{ border-collapse:collapse; border-style:solid; border-width:1px; border-color:#FFCC00; padding:1px; width:100%;}
.gfe th.list{ border:1px solid #FFCC00; padding:5px; text-align:center; background-color:#F5C500; background-image:url('../../../img/sk/t_back.gif'); background-repeat:repeat-x;}
.gfe td.list{ border-top:1px solid #FFCC00; border-left:1px dotted #FFCC00; padding:2px; text-align:center;}
.gfe td.llist{ border-top:1px solid #FFCC00; border-left:1px dotted #FFCC00; padding:2px; text-align:left;}
.gfe tr.hover td{ background-image:url(../img/layout/nav02.gif);}


/* SuperKäsi activ and inactic td fields  */
.sk table.gamefieldTable{ border:5px solid #52b7ff;}
.sk tbody{ background-color:#e0e1e2;}
/* unplayable cells */
.sk td.ad{ background-color:#0061c3; width:5px; height:5px;}
.sk td.ax{ background-color:#0061c3; width:20px; height:5px;}
.sk td.ay{ background-color:#0061c3; width:5px; height:20px;}
.sk td.ac{ background-color:#0061c3; width:20px; height:20px;}

.sk td.ad1{ background-color:#007fff; width:5px; height:5px;}
.sk td.ax1{ background-color:#007fff; width:20px; height:5px;}
.sk td.ay1{ background-color:#007fff; width:5px; height:20px;}

.sk td.ad2{ background-color:#FF9900; width:5px; height:5px;}
.sk td.ax2{ background-color:#FF9900; width:20px; height:5px;}
.sk td.ay2{ background-color:#FF9900; width:5px; height:20px;}

.sk td.act{ background-color: #007fff;}
.sk td.iact{ background-color: #d5d5d5;}
.sk td.iact:hover{ background-color: #007fff; cursor:pointer;}

.skMod td.ad0{ background-color:#d5d5d5; width:5px; height:5px;}
.skMod td.ad{ background-color:#007fff; width:5px; height:5px;}
.skMod td.ax{ background-color:#007fff; width:20px; height:5px;}
.skMod td.ay{ background-color:#007fff; width:5px; height:20px;}

.skMod td.axy{ width:20px; height:20px;}
.skMod td.act{ background-color:#007fff;}
.skMod td.iact{ background-color:#d5d5d5;}

/* new div based layout */
.com01 .sk h1.paneHead{ border:1px solid #FFCC00; padding:5px; text-align:center; background-color:#F5C500; background-image:url('../../../img/sk/t_back.gif'); background-repeat:repeat-x; color:black; font-size:12px;}
.com01 .sk .paneBody{ border:1px solid #FFCC00; padding:8px; text-align:left;}

/* participant rows */
.sk tr.pActiv td{ color:#56ac27; font-weight:bold;}
.sk tr.pSkipp td{ color:gray;}





/*.sk tr.hover0:hover td{ background-image:url(../img/layout/nav02.gif);}
.sk tr.hover1:hover td{ background-image:url(../img/layout/nav02.gif);}
.sk tr.hover1:hover a{ display:block;}
*/
.sk td.icon{ width:30px; height:20px; text-align:center;}
.sk .a{ background:url(../img/sk/a.gif) no-repeat center blue;}
.sk .b{ background:url(../img/sk/b.gif) no-repeat center blue;}
.sk .c{ background:url(../img/sk/c.gif) no-repeat center blue;}
.sk .d{ background:url(../img/sk/d.gif) no-repeat center blue;}
.sk .e{ background:url(../img/sk/e.gif) no-repeat center blue;}
.sk .f{ background:url(../img/sk/f.gif) no-repeat center blue;}
.sk .g{ background:url(../img/sk/g.gif) no-repeat center blue;}
.sk .h{ background:url(../img/sk/h.gif) no-repeat center blue;}
.sk .i{ background:url(../img/sk/i.gif) no-repeat center blue;}
.sk .j{ background:url(../img/sk/j.gif) no-repeat center blue;}
.sk .k{ background:url(../img/sk/k.gif) no-repeat center blue;}
.sk .l{ background:url(../img/sk/l.gif) no-repeat center blue;}
.sk .m{ background:url(../img/sk/m.gif) no-repeat center blue;}
.sk .n{ background:url(../img/sk/n.gif) no-repeat center blue;}
.sk .o{ background:url(../img/sk/o.gif) no-repeat center blue;}
.sk .p{ background:url(../img/sk/p.gif) no-repeat center blue;}
.sk .q{ background:url(../img/sk/q.gif) no-repeat center blue;}
.sk .r{ background:url(../img/sk/r.gif) no-repeat center blue;}
.sk .s{ background:url(../img/sk/s.gif) no-repeat center blue;}
.sk .t{ background:url(../img/sk/t.gif) no-repeat center blue;}
.sk .u{ background:url(../img/sk/u.gif) no-repeat center blue;}
.sk .v{ background:url(../img/sk/v.gif) no-repeat center blue;}
.sk .w{ background:url(../img/sk/w.gif) no-repeat center blue;}
.sk .x{ background:url(../img/sk/x.gif) no-repeat center blue;}
.sk .y{ background:url(../img/sk/y.gif) no-repeat center blue;}
.sk .z{ background:url(../img/sk/z.gif) no-repeat center blue;}