@charset "utf-8";
body{margin:0;border:0;background-color:#f0f0f0;font-family:arial,helvetica,sans-serif;font-size:12px}
img{margin:0; padding:0; border:0;}
table { border-collapse: collapse }
form{margin:0; padding:0;}
input{font-family:arial,helvetica,sans-serif;font-size:12px;}
textarea{overflow:auto;font-family:arial,helvetica,sans-serif;font-size:12px;}
em {font-style: italic;}
strong {font-weight: bold;}
a:link, a:active, a:visited{color: #333333;text-decoration:none;}
a:hover{color: #0063dc;text-decoration:none;}
ul,li,ol {list-style: none;margin:0;padding:0;}
dl,dt,dd {margin:0;padding:0;}
div,p,blockquote {padding:0; margin:0; border:0;}
/*template*/
#tplBackground{background-image:url(/images/bg_main.png);background-repeat:repeat-y;width:959px;margin:auto;padding:0 7px;}
#tplFoot{background-image:url(/images/bg_main.png);background-position: -973px 0px;background-repeat:repeat-y;width:973px;height:14px;margin:auto;}
#tplCopyright{width:973px;height:14px;margin:4px auto;text-align:center;font-size:11px;}
#tplTopLinks{background-image:url(/images/bg_top.png);background-repeat:repeat-x;width:949px;height:20px;text-align:right;font-size:11px;padding-right:10px;padding-top:3px;}
#tplHead{width:959px;height:94px;position:relative;}
#fgbLogo{position:absolute;width:230px;height:27px;top:20px;left:30px;background-image:url(/images/btn_fgb.jpg);background-repeat:no-repeat;cursor:pointer;}
#tplHorNav{position:absolute;width:914px;height:15px;top:58px;left:10px;border-top:1px solid #ddd;padding-top:5px;padding-left:25px;}
#tplSearchWidget{position:absolute;width:170px;height:24px;top:20px;left:700px;}
#tplHorNav a:link, #tplHorNav a:visited, #tplHorNav a:active{color:#0063dc;text-decoration:none;font-family:arial;font-weight:bold;font-size:12px;margin-right:20px;}
#tplHorNav a:hover{color:#0063dc;text-decoration:underline;font-family:arial;font-weight:bold;font-size:12px;margin-right:20px;}
#tplBody{width:959px}
.tplVerNav{width:186px;margin-bottom:8px;border:1px solid #dddddd;cursor:default}
.tplVerNav .navTitle{width:168px;margin:0 auto;border-bottom:1px solid #dddddd;padding:7px 0;font-weight:bold}
.tplVerNav .navList{margin:7px 10px;}
.tplVerNav a:link, .tplVerNav a:visited, .tplVerNav a:active{font-size:11px;font-family:tahoma;color:#373737;}
.tplVerNav a:hover{font-size:11px;font-family:tahoma;color:#0063dc;}
.tplVerNav div.tool{margin-bottom:3px;}
.tplVerNav .navTitle{position:relative;}
.tplVerNav .navTitle .plusButton{background-image:url(/images/btn_spliced.gif);background-repeat:no-repeat;background-position:-28px -11px;height:11px;width:11px;position:absolute;right:16px;top:10px;cursor:pointer;}
.tplVerNav .navTitle .minusButton{background-image:url(/images/btn_spliced.gif);background-repeat:no-repeat;background-position:-39px -11px;height:11px;width:11px;position:absolute;right:2px;top:10px;cursor:pointer;}
/*game view*/
.viewDocument { margin-bottom:20px; margin:5px; }
.boardRead { margin:10px  0 10px 0; }
.boardRead .titleAndUser { overflow:hidden; border-bottom:1px solid #e0e1db; height:30px;}
.boardRead .titleAndUser .title { float:left; margin:10px 0 5px 0;}
.boardRead .titleAndUser h4 { margin:0; margin-left:3px;}
.boardRead .titleAndUser h4 a { color:#000000; text-decoration:none; font-size:13px;}
.boardRead .titleAndUser h4 a:hover { text-decoration:underline; font-size:13px;}
.boardRead .titleAndUser .userInfo { float:right; white-space:nowrap; margin-top:11px; }
.boardRead .titleAndUser .userInfo .author { color:#3074a5; }
.boardRead .titleAndUser .userInfo .author a { font-size:.9em; color:#3074a5; text-decoration:none; }
.boardRead .dateAndCount { white-space:nowrap; color:#444444; margin:5px 0 0 0; font-size:.9em; font-family:tahoma; line-height:17px; padding-bottom:10px; }
.boardRead .dateAndCount .uri { float:left; }
.boardRead .dateAndCount .uri a { text-decoration:none; margin-left:4px; color:#BBBBBB; }
.boardRead .dateAndCount .date { float:right; background:url("/images/calendar.gif") no-repeat left top; padding-left:18px; margin-left:10px; }
.boardRead .dateAndCount .readedCount { float:right; color:#AAAAAA; margin-left:10px; background:url("/images/read.gif") no-repeat left top; padding-left:18px; color:#4A3FD7;}
.boardRead .dateAndCount .votedCount { float:right; color:#AAAAAA;  margin-left:10px; background:url("/images/vote.gif") no-repeat left top; padding-left:18px; color:#D76A3F;}
.boardRead .dateAndCount .replyAndTrackback { float:right; }
.boardRead .dateAndCount .replyAndTrackback .replyCount { margin-left:10px; float:left; background:#FFFFFF url(/images/iconReply.gif) no-repeat left 1px; padding-left:15px; }
.boardRead .dateAndCount .replyAndTrackback .trackbackCount { margin-left:10px; float:left; background:#FFFFFF url(/images/iconTrackback.gif) no-repeat left 1px; padding-left:15px; }
.boardRead .dateAndCount .replyAndTrackback a { color:#333333; white-space:nowrap; text-decoration:none; }
.boardRead .dateAndCount .replyAndTrackback a:hover { text-decoration:underline; }
.boardRead .dateAndCount .category { float:left; margin-right:10px; }
.boardRead .dateAndCount .category a { color:#555555; text-decoration:none; background:url("/images/category.gif") no-repeat left -1px; padding-left:18px; font-weight:bold;}
.boardRead .dateAndCount .category a:hover { text-decoration:underline; }
/*validation error messages*/
.warning{background-color:#ffffff;margin:10px;font-size:11px;}
.warning .td0{width:30px;padding-top:5px;text-align:center;}
.warning .td1{}
.warning li{color:#444444;margin-left:15px;padding-left:17px;background-image:url(/images/img_warning.gif);background-position:0px 1px;background-repeat:no-repeat;}
/*game list*/
.gameItemTooltip{margin:5px 7px 5px;float:left;border:1px solid #ffffff;width:132px;cursor:pointer;border:1px solid #666666;background-color:#ffffff;position:absolute;filter:alpha(opacity=85);opacity:0.85}
.gameItem{margin:5px 7px 5px;float:left;border:1px solid #ffffff;width:132px;cursor:pointer}
.gameItemThumb{margin:7px auto 0;background-repeat:no-repeat;width:100px;height:75px;}
.gameItemType{background-repeat:no-repeat;width:100px;height:75px}
.gameItemTitle{text-align:center;margin:1px 0;width:132px;height:16px;overflow:hidden}
.gameItemTitle a{font-size:11px;font-family:Tahoma;color:#1683cd;}
.gameItemDate{font-size:10px;font-family:Tahoma;color:#444444;text-align:center;margin:1px 0}
.gameItemPlay{font-size:10px;font-family:Tahoma;color:#373737;text-align:center;margin:1px 0 5px}
/*game pagination*/
.gamePagination{width:700px;text-align:center;margin:5px 20px;clear:both}
.gamePagination span{font-style:normal;font-variant:normal;font-weight:bold;line-height:1.21em;border:1px solid #ffffff;color: #444444;display: block;float: left;margin: 0 5px 3px 0;padding: 1px 8px;text-align:center;text-decoration:none;background-color:#ffffff;}
.gamePagination a{font-style:normal;font-variant:normal;font-weight:normal;line-height:1.21em;border:1px solid #CCDBE4;color: #3666D4;display: block;float: left;margin: 0 5px 3px 0;padding: 1px 8px;text-align:center;text-decoration:none;}
.gamePagination a:hover{background-color:#3666D4;color: #ffffff;}
#subMenu{width:700px;height:32px;margin:5px auto 13px;border-top:1px solid #dadada;border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom:3px solid #54564b;}
.subMenuSelectedTab{float:left;width:90px;font-size:13px;font-weight:bold;padding:8px;border-bottom:3px solid #fe3614;margin-bottom:-3px;}
.subMenuTab{float:left;width:90px;font-size:13px;font-weight:bold;padding:8px;}
/*member input*/
#memberTitle{width:700px;margin:5px auto;padding:3px;clear:both;}
#memberTitle h4{font-size:12px;font-weight:bold;margin:0;}
#memberCreate{width:700px;margin:5px auto;}
#memberCreate .th0{padding:10px;font-weight:bold;border:1px solid #dadada;width:23%;}
#memberCreate .th1{padding:5px;border:1px solid #dadada;width:77%;}
#memberCreate .th1 .desc{font-size:11px;color:#444444;}
#memberCreate .th2{padding:5px;border:1px solid #dadada;width:100%;}
#memberCreate .userDescription{width:400px;height:100px;}
#memberLogin{width:300px;margin:100px auto;border:1px solid #dadada;}
#memberLogin h4{font-size:12px;font-weight:bold;margin:0;}
#memberLogin .th0{padding:10px;font-weight:bold;width:35%;}
#memberLogin .th1{padding:5px;width:65%;}
/*game comment*/
.divider{clear:both}
.tabBox{margin:15px 5px;}
.tabMenu{border-bottom:1px solid #c8c8c8;height:26px;margin-bottom:10px;padding-left:3px;cursor:default}
.tabMenu .tab{border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;float:left;text-align:center;width:111px;padding-top:5px;padding-bottom:5px;font-weight:bold;margin-bottom:-1px;margin-left:5px;cursor:pointer}
.activeTab{color:#333333;border-bottom:1px solid #ffffff;}
.inactiveTab{color:#666666;border-bottom:1px solid #c8c8c8;}
.commentItem{margin-left:20px;margin-top:10px;margin-bottom:10px;}
.commentItemLeft{float:left; width:70px}
.commentItemRight{float:left;width:550px;}
.commentItemTitle{margin-bottom:3px;}
.commentItemTitle a {color:#0063dc;font-weight:bold;text-decoration:underline}
.commentItemTitle span {font-size:11px;}
.commentItemContent{margin-bottom:3px;}
.commentItemDate{color:#666666;font-size:10px}
.commentNewItem{margin-left:20px;margin-top:10px;margin-bottom:5px;width:400px}
.commentNewItem .commentTitle{
  font-weight:bold;
  color:#333333;
}
.commentNewItem .commentContent{
  padding-left:3px;padding-top:3px;
}
.commentNewItem .commentContent textarea{
  width:100%;height:80px;border:1px solid #c8c8c8;
}
.commentNewItem .commentCommand{
  text-align:right;
}
.commentNewItem .commentCommand .numberOfChars{
  float:left;
  color:#666666;
  font-size:11px;
  margin-left:5px;
}
.commentNewItem .commentCommand .commandButtons{
  float:right;
}
.commentNewItem .commentLoginRequired{
  text-align:center;
  background-color:#eaeaea;
  padding:20px 10px;
}