html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{ margin:0; padding:0; border:0; font:inherite; vertical-align:bottom;}
html{ font-size:10px;}
td{ vertical-align:middle;}

body{ background:white; font-family:'Open Sans',Verdana,Arial,Helvetica,sans-serif;}
#gcBody{ font-size:1.6rem;}
#wideContent{ /*margin:0px 12px; */}

.gcBodyWidth{ width:100%; max-width:1000px; margin:auto;}
.gcTopBg{ background:linear-gradient(180deg, #cbcfd1 3px, #dadcde 0%, #e9ebed 75px, #d4d8db 75px);}
.gcTop{ background-color:#cbcfd1; background:linear-gradient(180deg, #cbcfd1 3px, #e0e1e2 0%, white 75px, #d4d8db 75px); height:88px;}

#login{ float:right; color:#0057b1; font-family:Verdana,Arial,Helvetica,sans-serif;}
#login .userLoginForm{ width:280px; padding:8px 8px 0px 0px; margin:0px;}
#login .userLoginForm div{ float:left; margin-right:3px;}
#login .userLoginForm label{ padding:0px 0px 1px 5px; display:block; width:80px; font-weight:bold; text-align:left; font-size:13px; height:18px;}
#login .userLoginForm .userLogin, #login .userLoginForm .userPassword{ padding:2px 1px 2px 1px; margin:0px 0px 3px 4px; width:110px; height:16px;  background:linear-gradient(180deg, #c0c0c0 0%, #e9ebed 100%); border:1px solid #c3c5c6; border-radius:2px;}
#login .userLoginForm .userLoginSubmit{ margin:20px 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:1.1rem; margin:0px;}
#login .userLoginContent a, #login .userLoginContent a:visited{ font-size:1.2rem; color:#58971E;}
#login .userLoginContent a:hover{ color:#FFB020; text-decoration:none;}

.gcNavi01Bg{ background:linear-gradient(180deg, #9dc281 0%, #c1dd90 38px, #afd289 38px);}
#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,sans-serif; 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;}

h1{ color:#004d7e; font-weight:normal; padding:0px 35px 5px 0px; font-size:2.6rem; border-bottom:0px solid silver; margin:16px 0px 16px 0px;}
h2{ color:#0062a0; font-size:2.0rem; font-weight:normal; margin:12px 0px 8px 0px;}
h3{ border-bottom:1px solid #CCCCCC; color:#115098; font-size:1.3rem; font-weight:bold; margin:18px 0px 3px; padding-bottom:2px;}
p{ margin:12px 0px 12px 0px;}
input{ vertical-align:middle;}
fieldset{ border:1px solid silver; padding:12px; border-radius:5px;}
legend{ padding:0px 8px 0px 8px; color:#0062a0;}

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

p.gcInfo, div.gcInfo{ color:black; background:#f9d545; border:1px solid #f1a146; padding:8px; border-radius:6px;}
p.gcMsg, div.gcMsg{ color:black; background:#E9EBED; border:1px solid #D5D5D5; padding:8px; border-radius:6px;}

.clearfix::before, .clearfix::after{ content:" "; display:table;}
.clearfix::after{ clear:both;}
.clearfix{ *zoom:1; /* Für den IE6 und IE7 */}

.bgSilver{ background-color:#cbcfd1; background:linear-gradient(180deg, #e0e1e2 0%, #eeeeee 100%);}
.bgPlatin{ background-color:#cbcfd1; background:linear-gradient(180deg, #e0e0e2 0%, #fbfbfb 100%);}
.bgGreen, button.submitLink{ background:linear-gradient(180deg, #65ab27 0%, #aee344 100%);}
.bgGreen:hover, button.submitLink:hover{ background:linear-gradient(180deg, #ef4600 0%, #fcb600 100%);}

.center{ text-align:center !important;}
.left{ text-align:left !important;}
.right{ text-align:right !important;}
.vmiddle{ vertical-align:middle;}
.vtop{ vertical-align:top;}
.vbottom{ vertical-align:bottom;}

.pad3{ padding:3px;}
.pad4{ padding:4px;}
.pad5{ padding:5px;}

.border{ border:1px solid silver;}
.bor3{ border-radius:3px;}
.bor5{ border-radius:5px;}

.w100p{ width:100%;}
.w1_2m{ width:49%; margin-right:1%;}
.w1_3m{ width:32%; margin-right:1%;}
.w1_4m{ width:24%; margin-right:1%;}

.cont{ border:1px solid #cccccc; background-color:#e4e6e8; padding:12px; margin-bottom:12px;}

.gameFinishedInfo, .scmsInfoBox{ border:1px solid #9FB747; background:#B9F13F; padding:4px 8px 4px 8px; margin-bottom:2px; border-radius:4px;}
.gameFinishedInfo table{ margin:auto; border:0px;}
.gameFinishedInfo table tbody{ background:transparent;}
.gameFinishedInfo table tbody td{ text-align:left;}

#mainContent{ clear:both; float:left; width:700px; padding:0px 25px 0px 0px;}
#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;}

#wideContent ul.menu{ margin:0px; border-bottom:1px solid #D4D8DB; padding:0px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; overflow:hidden;}
#wideContent ul.menu li{ float:left; list-style-type:none; border-right:1px solid #D4D8DB;}
#wideContent ul.menu li a{ text-decoration:none; display:block; padding:7px 12px 7px 10px; colot:#0059B4;}
#wideContent ul.menu li a:hover{ background:#0075b9; color:white;}

#wideContent .com01{ margin:0px;}


#gcFooter{ clear:both; padding-top:48px;}
#gcFooter .menu{ background:linear-gradient(180deg, #cbcfd1 3px, #dadcde 0%, #e9ebed 75px, #d4d8db 75px); text-align:center; padding:25px 10px; color:gray; text-decoration:none;}
#gcFooter .menu a{ text-decoration:none;}

.com01 .content .comNews h2 a{ color:#0062A0; text-decoration:none; margin:16px 0px 16px 0px;}
.com01 .content .comNews h2 a:hover{ color:#ff0000; text-decoration:none;}
.com01 .content .comNews .comContent{ padding-bottom:6px; margin-bottom:24px;}

.com01 .content .comNews .newsDate{ color:gray; float:right; background-color:#e9ebed; border-radius:3px; padding:4px 8px 4px 8px;}
.com01 .content .comNews a.newsTag{ float:left; margin:3px 3px 0px 0px; border-radius:3px; background-color:#e9ebed; text-decoration:none; padding:4px 8px 4px 8px;}
.com01 .content .comNews a.newsTag:hover{ background-color:#0075b9; color:white;}

/* lists */
ul.list1{ list-style:none;}
ul.list1 li{ margin-bottom:24px;}
ul.list1 li h3{ font-size:1.6rem; margin:0px 0px 6px 0px;}
ul.list1 li ul{ padding-left:32px; margin-top:24px;}
ul.list1 li ol{ padding-left:32px; margin-top:24px; list-style:lower-alpha;}
ul.list1 li ul li h3{ border:0px;}

/* games */
.gameList{ width:30%; float:left; border-radius:8px; border:1px solid #e0e0e2; margin:0px 3% 2% 0px; text-align:center; font-size:1.3rem; overflow:hidden;}
.gameList p{ margin:0px;}
.gameList img{ width:90%; margin:5% auto;}
.gameList .player{ width:44%; float:left; border-radius:5px; margin:3%; padding:7px 0px 7px 0px;}
.gameList a.gameLink{ width:44%; float:right; border-radius:5px; border:3px solid #89ca35; color:white; font-weight:bold; margin:3%; padding:4px 0px; text-decoration:none;  max-width:calc(44% - 6px);}
.gameList a.gameLink:hover{ border:3px solid #fe7c00;}

.gamePage{}
.gamePage .summary{ border-radius:8px; border:1px solid #E0E0E2; padding:10px; margin-bottom:12px;}
.gamePage .player{ width:180px; float:left; border-radius:5px; padding:7px 0px 7px 0px; text-align:center;}
.gamePage a.gameLink{ width:180px; float:right; border-radius:5px; border:3px solid #89ca35; color:white; padding:4px 0px 4px 0px; text-decoration:none; text-align:center;}
.gamePage a.gameLink:hover{ border:3px solid #fe7c00;}


/* tables */
table.list, div.list{ border-radius:5px; overflow:hidden; font-size:1.3rem;}
table.list{ border-collapse:collapse; width:100%;}
table.list th, .gamefieldInfoH1, div.list h3{ padding:5px; text-align:center; background:linear-gradient(0deg, #ffd300 0%, #ffaf00 100%); /*background:url(../img/layout/th-bg01.gif) #ffd500 repeat-x bottom;*/ border-bottom:1px solid #cccccc; color:black; font-weight:normal; margin:0px;}
table.list td{ padding:2px 4px; text-align:left;}
table.list td a{ text-decoration:none;}
/*table.list td.l{ padding:2px 2px 2px 4px; text-align:left;}*/
table.list td.bdr{ border-right:1px dotted #cccccc;}
table.list tr.hover td{ background:linear-gradient(0deg, #98d23b 0%, #aee344 100%); /*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.center td{ text-align:center;}
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 tr:nth-child(even){background:#EEEEEE;}
table.list tr:nth-child(even):hover{ background:#dfdfdf;}
table.list tr:nth-child(even) td.id{ background-color:#d1d5d8; border-right:1px dotted #cccccc;}
table.list tr:nth-child(odd){background:#F7F7F7;}
table.list tr:nth-child(odd):hover{background:#E7E7E7;}
table.list tr:nth-child(odd) td.id{ background-color:#e4e6e8; border-right:1px dotted #cccccc;}

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;}

/* message */
#inboxCount{ background:#ec1c00; border-radius:3px; color:white; height:18px; float:right; padding:2px 6px 0px 5px; font-weight:bold; margin-left:5px; font-size:1.2rem; margin-top:3px;}
table.list tr.msg td{ background:url(../img/layout/tr-bg02.gif) bottom repeat-x #83ccff; padding:4px; color:white; font-size:1.3rem;}
table.list tr.msg td a{ color:white; font-weight:bold;}
table.list tr td span.unread{ font-weight:bold;}
div.msgView{ padding:8px; background-color:white;}
div.msgView .senderHeader{ display:none;}
div.quot{ padding:4px 1px 4px 6px; border-left:4px solid green; border-top:1px solid silver; border-bottom:1px solid silver; margin:2px 0px 6px 0px; border-right:1px solid silver;}
div.quot .senderHeader{ display:block; padding:4px 0px 4px 0px; margin:2px 0px 2px 0px; color:gray; font-size:11px;}

/* 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');}

/* my games */
.myGameButton{ margin:18px 0px 0px 6px; text-align:center; border:2px solid #89CA35; border-radius:5px 5px 5px 5px; color:white; float:right; text-decoration:none; width:100px;}
.myGameButton:hover{ margin:18px 0px 0px 6px; text-align:center; border:2px solid #fe7c00; border-radius:5px 5px 5px 5px; color:white; float:right; text-decoration:none; width:100px;}
.myGameJoinButton, .myGameJoinButton:hover{ margin:18px 0px 0px 6px; text-align:center; background:url('../img/layout/bg-ac.png') repeat-x scroll 0 0 #FBFBFB; border:2px solid #d4d8db; border-radius:5px 5px 5px 5px; color:#99aab2; float:right; text-decoration:none; width:100px;}

/* big radio buttons */
.radioTouch input{ width:0; height:0; position:absolute; left:-9999px;}
.radioTouch input + label{  width:200px; min-height:72px; border-radius:5px; cursor:pointer; color:#333;
  box-sizing:border-box; margin:0 12px 0 0; padding:1.2rem 2rem;
  position:relative; display:inline-block; border:solid 1px #DDD; background-color:#FFF;
  font-size:1.6rem; text-align:center;
  -webkit-transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out;
  transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out;}
.radioTouch label .icon-user{ margin:0px 2px; font-size:2.8rem;}
.radioTouch input:hover + label{ border-color:#213140;}
.radioTouch input:checked + label{ background-color:#4B9DEA; color:#FFF; border-color:#4B9DEA; z-index:1;}


.comContact .l, .f1 .l{ display:block;}
.comContact input[type="text"], .f1 input[type="text"], .f1 input[type="password"]{ padding:5px;}
.comContact textarea{ padding:5px; width:calc(100% - 40px);}


input[type="text"], .labLeft, textarea{ font-family:Tahoma,sans-serif; font-size:1.4rem; border-radius:3px; border:1px solid silver;}
.labLeft{ float:left; border-bottom-right-radius:0px; border-top-right-radius:0px; margin-right:0px; border:1px solid silver; border-right:0px solid silver;}
.labLeft + input[type="text"]{ border-bottom-left-radius:0px; border-top-left-radius:0px;}

input[type="submit"].gameLink, input[type="submit"].submitLink, button.submitLink{ width:250px; border-radius:5px; border:3px solid #89ca35; color:white; padding:4px 0px 4px 0px; text-decoration:none; text-align:center; font-weight:normal; font-size:1.6rem;}
input[type="submit"].gameLink:hover, input[type="submit"].submitLink:hover, button.submitLink:hover{ border:3px solid #fe7c00; cursor:pointer;}

/* achievements */
.achievement{ float:left; width:305px; height:77px; padding:5px; margin:0px 10px 10px 0px; border-radius:8px; border:3px solid silver;}
.achievement img{ padding:0px; margin:0px 10px 0px 0px; border-radius:5px; border:1px solid silver; float:left;}
.achievement h3{ margin-top:12px;}
.achievement p{ margin:6px 0px 0px 0px; color:#353535; font-size:1.3rem;}

/*.gcButton01{ margin:18px 6px 0px 0px; text-align:center; background:url('../img/layout/nav01a.png') repeat-x scroll 0 0 #89CB36; border:2px solid #89CA35; border-radius:5px 5px 5px 5px; color:white; font-weight:bold; height:19px; padding:4px 8px 0px 8px; text-decoration:none; display:block; float:left;}
.gcButton01:hover{ background:url('../img/layout/nav01b.png') repeat-x #fe7800; border:2px solid #fe7c00; border-radius:5px 5px 5px 5px; color:white; font-weight:bold; height:19px; text-decoration:none; display:block; float:left;}*/

/* refresh gamefield */
.gcButton02{ margin:3px 3px 0px 0px; border-radius:3px; background-color:#e9ebed; text-decoration:none; padding:4px 8px 4px 8px; font-size:1.3rem;}
.gcButton02:hover{ background-color:#0075b9; color:white;}

/* Colorflood */
.gc .playerBulb1{ height:110px; width:150px; border:3px solid #d5d5d5; border-radius:6px; background:#e9ebed; padding:8px; margin-left:0px; margin-top:10px; position:relative;}
.gc .playerBulbEdge1{ background-image:url('../img/layout/wedge-nw.png');}
.gc .digitBlock{ font-size:11px; float:left; width:60px; margin-right:8px; margin-bottom:6px;}
.gc .digit{ background-color:gray; border-radius:4px; box-shadow:0 0 12px #333333 inset; color:#b9f13f; margin-top:4px; padding:2px; text-align:center; font-weight:700; font-size:18px; font-family:'Nova Flat'; text-shadow: 1px 1px 6px #000;}
.gc .digit2{ background:#0075b9; border-radius:4px; box-shadow:0 0 0px navy inset; color:white; margin-top:2px; padding:0px; text-align:center; font-weight:700; font-size:18px; font-family:'Nova Flat'; text-shadow:1px 1px 1px #00539c;}

.gc .playerBulb2{ height:110px; width:150px; border:3px solid #d5d5d5; border-radius:6px; background:#e9ebed; padding:8px; margin-left:0px; margin-top:10px; position:relative;}
.gc .playerBulbEdge2{ background-image:url('../img/layout/wedge-so.png');}

.gc .playerBulb3{ height:110px; width:150px; border:3px solid #d5d5d5; border-radius:6px; background:#e9ebed; padding:8px; margin-left:0px; margin-top:10px; position:relative;}
.gc .playerBulbEdge3{ background-image:url('../img/layout/wedge-so.png');}

.gc .playerBulb4{ height:110px; width:150px; border:3px solid #d5d5d5; border-radius:6px; background:#e9ebed; padding:8px; margin-left:0px; margin-top:10px; position:relative;}
.gc .playerBulbEdge4{ background-image:url('../img/layout/wedge-so.png');}

.gc .active{ background:#DDED9E; border:3px solid #89CB36;}

/* Bridge gamefield */
.gc table.brGamefieldTable{ border-top:5px solid #4bb4ff; border-bottom:5px solid #4bb4ff; border-left:5px solid #ffa000; border-right:5px solid #ffa000; border-collapse:collapse;}
.gc table.brGamefieldTable tbody{ background-color:#e7e8e9;}
.gc table.brGamefieldTable div.ac{ width:22px; height:22px; border:0px solid #d5d5d5; padding:2px;}
.gc table.brGamefieldTable td.ac{ cursor:pointer;}
.gc table.brGamefieldTable td.sp{ width:22px; height:22px;}
.gc table.brGamefieldTable td.a, .brGamefieldInfo td.a{ width:22px; height:22px; background:none; background-color:#4bb4ff;}
.gc table.brGamefieldTable td.b, .brGamefieldInfo td.b{ width:22px; height:22px; background:none; background-color:#ffa000;}

/* 4lefanz gamefield */
.gc table.vlActionTable{ border:5px solid #52b7ff; border-collapse:collapse; height:32px;}
.gc table.vlActionTable tbody{ background-color:#e0e1e2;}
.gc table.vlActionTable td{ width:24px; height:24px; border:2px solid #d5d5d5; padding:2px;}
.gc table.vlActionTable td.sp{ width:24px; height:24px; background-color:#89CB36;}
.gc table.vlActionTable td.ac:hover{ background-color: #007fff; cursor:pointer;}
.gc table.vlGamefieldTable{ border:5px solid #d5d5d5; border-collapse:collapse;}
.gc table.vlGamefieldTable tbody{ background-color:#e0e1e2;}
.gc table.vlGamefieldTable div.ac{ width:24px; height:24px; border:1px solid #d5d5d5; padding:2px;}
.gc table.vlGamefieldTable td.sp{ width:24px; height:24px;}
.gc table.vlArrowTable{ height:28px; border-collapse:collapse;}
.gc table.vlArrowTable td{ width:24px; height:24px; border:2px solid white; padding:2px; background:white;}

/* colorflood gamefield */
.gc .cfButton{ width:60px; height:40px; border:5px solid #d5d5d5; border-radius:3px; margin:12px 12px 0px 0px; float:left; cursor:pointer;}
.gc .cfButton:hover{ border-color:#fe7c00;}
.gc .cfButtonDis{ width:60px; height:40px; border:5px solid #d5d5d5; border-radius:3px; margin:12px 12px 0px 0px; float:left; background-image:url(../img/layout/hatch-dis01.png);}

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

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

.sk td.ad2{ background-color:#FF9900; width:7px; height:7px;}
.sk td.ax2{ background-color:#FF9900; width:20px; height:7px;}
.sk td.ay2{ background-color:#FF9900; width:7px; 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:7px; height:7px;}
.skMod td.ad{ background-color:#007fff; width:7px; height:7px;}
.skMod td.ax{ background-color:#007fff; width:20px; height:7px;}
.skMod td.ay{ background-color:#007fff; width:7px; 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;}
div.skMod table tbody tr td{ padding:0px;}


/* 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;}