#header{
background-color:#fff;
background-image:url(../../img/zerosum/header/bg.png);
background-position:top left;
background-repeat:repeat-x;
height:99px;
}
#headercontent{
margin:0px auto;
width:970px;
zoom:1;
}
#headercontent:after{
content: " ";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0px;
clear:both;
}
#headercontentlogo{
text-indent:-9999px;
background-image:url(../../img/zerosum/header/logo.png);
background-repeat:no-repeat;
width:411px;
height:93px;
float:left;
}
#headercontentlogo a{
width:411px;
height:93px;
float:left;
}
#headercontentnext{
color:#565656;
float:left;
margin:26px 0px 0px 10px;
background-image:url(../../img/zerosum/header/next.png);
background-position:left top;
background-repeat: no-repeat;
width:191px;
height:46px;
padding: 9px 0px 0px 21px;
font-size:11px;
line-height:1.4em;
}
#headercontentmenu{
font-size:12px;
color:#565656;
margin-top:38px;
float:right;
}
#headercontentmenu p{
text-align:right;
display:block;
}

#headercontentmenu a{
color:#565656;
}
#headercontentmenu p strong{
font-weight:normal;
font-size:18px;
margin-right:0.4em;
}
#headercontentmenu ul{
background-position:left top;
background-repeat: no-repeat;
margin-top: 6px;
/* full
width: 512px;
*/
width: 208px;
height: 35px;
list-style:none;
text-indent:-9999px;
float: right;
display: block;
}
#headercontentmenu li{
display:inline;
text-indent:-9999px;
}
#headercontentmenu li a{
display:block;
float:left;
height: 35px;
width:101px;
text-indent:-9999px;
background-image:url(../../img/zerosum/header/headermenu.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#headercontentmenu li.tail a{
width:107px;
}
#headercontentmenu li.headermenu2 a{
background-position:-101px 0px;
}
#headercontentmenu li.headermenu3 a{
background-position:-202px 0px;
}
#headercontentmenu li.headermenu4 a{
background-position:-303px 0px;
}
#headercontentmenu li.headermenu5 a{
background-position:-404px 0px;
}
#headercontentmenu li a:hover{
background-position:0px -35px;
}
#headercontentmenu li.headermenu2 a:hover{
background-position:-101px -35px;
}
#headercontentmenu li.headermenu3 a:hover{
background-position:-202px -35px;
}
#headercontentmenu li.headermenu4 a:hover{
background-position:-303px -35px;
}
#headercontentmenu li.headermenu5 a:hover{
background-position:-404px -35px;
}


#menu{
height:44px;
background-image:url(../../img/zerosum/common/bg_menu.png);
background-repeat: repeat-x;
background-position:0px 0px;
}
#menu ul#menulist{
height:44px;
display:block;
margin:0px auto;
background-image:url(../../img/zerosum/common/menu_seperator.png);
background-repeat: no-repeat;
background-position:0px 0px;
width:970px;
zoom:1;
}
#menu ul#menulist:after{
content: " ";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0px;
clear:both;
}
#menu ul#menulist li{
display:block;
float:left;
height:44px;
background-image:url(../../img/zerosum/common/menu_seperator.png);
background-repeat: no-repeat;
background-position:right top;
}
#menu ul#menulist li a{
display:block;
height:44px;
font-size:16px;
color:#fff;
text-decoration:none;
padding:11px 2em 0px 2em;
}
#menu ul#menulist li a:hover{
color:#ED3C96;
}



#crum{
width:970px;
margin:0em auto;
padding: 0.5em 0em;
font-size:11px;
}
#crum a{
color:#565656;
}
#main{
background-color:#fff;
}

#maincontent{
margin:0px auto;
width:970px;
padding:0px 12px 24px 12px;
zoom:1;
}
#maincontent:after{
content: " ";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0px;
clear:both;
}



#maincontent h1{
background-image:url(../../img/zerosum/bgh.png);
background-repeat: repeat-x;
background-position: bottom left;
color:#fff;
padding: 8px 0px 6px 0.7em;
display:block;
font-size:13px;
font-weight:bold;
line-height:13px;
margin-bottom:12px;


}
#maincontent h1.three-pane{

}
#maincontent a:hover img{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
#leftpane{
float:left;
width:705px;
margin-right:12px;
}
#leftmenu{
width:171px;
margin-right:12px;
float:left;
}
#leftmenu .subhead{
margin-top:-1px;
background-image:url(../../img/common/leftmenu/subhead_bg.png);
background-repeat: repeat-x;
background-position: top left;
border:solid 1px #C8C8C8;
height:13px;
font-weight:bold;
padding:4px 0.8em;
}
#leftmenu ul.menu{
padding:4px 0px;
background:#F8F8F8;
border-left:solid 1px #C8C8C8;
border-right:solid 1px #C8C8C8;
border-bottom:solid 1px #C8C8C8;
}
#leftmenu ul.tail{
-webkit-border-bottom-right-radius: 6px;  
-webkit-border-bottom-left-radius: 6px;  
-moz-border-radius-bottomright: 6px;  
-moz-border-radius-bottomleft: 6px;  
}
#leftmenu ul.menu li{
background-image:none;
display:block;
margin-top:-1px;
padding:0.3em 2em;
font-size:11px;
line-height:1.4em;
color:#2d2d2d;
}
#leftmenu ul.menu li.selected{
background-color:#fff;
padding:0.3em 1em;
}
#leftmenu ul li a{
color:#2d2d2d;
}
#leftmenu div.updatestitle{
margin-top:12px;
background-color:#000;
background-image:url(../../img/common/leftmenu/updatestitle_bg.png);
background-repeat: repeat-x;
background-position: top left;
color:#d6d6d6;
font-size:11px;
font-weight:bold;
padding:4px 1em;
height:16px;
}
#leftmenu div.updatessubhead{
margin-top:-1px;
background-color:#e5e5e5;
border:solid 1px #C8C8C8;
height:13px;
padding:4px 0.8em;
font-size:11px;
height:12px;
}
#leftmenu ul.updates{
padding:4px 0px 0px 4px;
background:#F8F8F8;
border-left:solid 1px #C8C8C8;
border-right:solid 1px #C8C8C8;
border-bottom:solid 1px #C8C8C8;
}
#leftmenu ul.updates li{
zoom:1;
padding:6px 8px;
border-bottom:solid 1px #E2E2E2;
color:#282828;
font-size:11px;
}
#leftmenu ul.updates li a{
color:#282828;
font-size:11px;
}
#leftmenu ul.updates li.tail{
border-bottom:none;
}
#leftmenu ul.updates li:after{
content: " ";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0px;
clear:both;
}
#leftmenu ul.updates li a img{
margin-right:6px;
float:left;
border:solid 1px #fff;
}
#leftmenu ul.archive{

}
#leftmenu ul.archive li{
text-align:right;
color:#666;
}
#leftmenu ul.archive li a{
color:#666;
padding-right:0.2em;
}
#centerpane{
float:left;
/* ----- inserted ----- */
width: 522px;
}
#rightpane{
float:left;
width:250px;
}
#rightpane #squarepopup{
width:250px;
height:260px;
border:solid 1px #dcdcdc;
}
#rightpane #squarepopup p{
background-color:#eee;
font-size:9px;
display:block;
height:10px;
}
#rightpane div.subhead{
margin-top:10px;
background-color:#000;
background-image:url(../../img/common/rightpane/subhead_bg.png);
background-repeat: repeat-x;
background-position: top left;
color:#d6d6d6;
font-size:11px;
font-weight:bold;
padding:4px 1em;
-webkit-border-top-right-radius: 4px;  
-webkit-border-top-left-radius: 4px;  
-moz-border-radius-topright: 4px;  
-moz-border-radius-topleft: 4px;  
-webkit-border-bottom-right-radius: 4px;  
-webkit-border-bottom-left-radius: 4px;  
-moz-border-radius-bottomright: 4px;  
-moz-border-radius-bottomleft: 4px;  
}
#rightpane div.specials{
margin:4px 0px;
background-color:#f5f5f5;
font-size:10px;
padding:12px;
color:#2D2D2D;
}
#rightpane div.specials a img{
margin-bottom:4px;
border:solid 1px #cdcdcd;
}
#rightpane div.specials h4{
font-size:12px;
}
#rightpane ul.newrelease{
margin:4px 0px;
}

#rightpane ul.newrelease li{
background-color:#f5f5f5;
font-size:10px;
padding:6px 12px;
color:#2D2D2D;
zoom:1;
border-bottom:solid 1px #fff;
}
#rightpane ul.newrelease li:after{
content: " ";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0px;
clear:both;
}
#rightpane ul.newrelease li a img{
float:left;
margin-right:6px;
border:solid 1px #fff;
}
span.orange{
color:#FF5A00;

}
ul.workcell{
width:522px;
}
ul.workcell li{
disply: block;
zoom: 1;
padding-bottom: 1em;
}

ul.workcell li:after{
clear: both;
display: block;
height: 1px;
content: " ";
}
ul.workcell li a.go_button img{
width: 120px;
float: right;
}
ul.workcell li h3{
margin-top: 0.2em;
}

ul.workcell li div.banner{
width: 522px;
height: 228px;
background-repeat: no-repeat;
border: solid 2px #EEE;
cursor: pointer;
}
ul.workcell li div.banner:hover{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}


ul.workcell li div.badge{
z-index: 999;
background-repeat: no-repeat;
width: 47px;
height: 49px;
position: relative;
top: 3px;
left: 3px;
}

ul.workcell li div.new{
background-image:url('../../img/zerosum/top/new.png');
}




/*
ul.workcell li{
background-color:#fff;
display:block;
float:left;
width:245px;
font-size:10px;
margin:0px 3px 6px 3px;
padding:6px 4px;
}
ul.workcell li.bg{
background-color:#fff;
background-image:url(../../img/zerosum/common/bg_work_cell.png);
background-repeat: repeat-all;
background-position: top left;

}
ul.workcell li.odd{
clear: both;
}
ul.workcell li a img{
float:left;
margin:0px 8px 0px 4px;
}
ul.workcell li h3,
ul.workcell li h3 a{
font-size:14px;
color:#444;
margin-bottom:0.5em;
}
*/
div.releasedate{
height:15px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
font-size:10px;
width:105px;
float:left;
margin-top:2em;
padding:2px 0px 0px 6px;
}

h2#worktitle{
background-color:#000;
background-image:url(../../img/zerosum/common/detail_work_title.png);
background-repeat: no-repeat;
background-position: top left;
/*
width:521px;
height:34px;
*/
width:497px;
height:22px;
color:#fff;
font-size:15px;
padding:6px 12px;

}
div#workdetail{
margin-top:8px;
width:522px;
zoom:1;

}
div#workdetail:after{
content: " ";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0px;
clear:both;
}
div#workdetail img{
float:left;
margin-right:18px;
}
div#workdetail p{
font-size:13px;
line-height:1.6em;
display:block;
float:left;
width:315px;
}

div#story{
margin-top:12px;
background-color:#eee;
background-image:url(../../img/zerosum/common/detail_story_bg.png);
background-repeat: repeat-all;
background-position: top left;
padding:10px;
}

div#story .story_now{
border:solid 1px #ddd;
background-color:#fff;
padding:8px 10px;
color:#777;
zoom:1;
font-size:11px;
line-height:1.8em;
}
div#story .story_now:after{
content: " ";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0px;
clear:both;
}
div#story .story_now img{
float:right;
}
div#story .story_now h4{
display:inline;
color:#DF4900;
font-size:18px;
}

div#story .story_now .read{
margin:6px 0px 2em 0px;
text-align:center;
font-size:10px;
color:#aaa;
width:268px;
line-height: 1.4em;
}
div#story .story_now .read a img
{
position: relative;
}
div#story .story_now .read a.pc img
{
right: 165px;
}
div#story .story_now .read a.sp img
{
right: 215px;
}
div#story .story_now .read a.pc{
/*
display:table-cell;
vertical-align:middle;
*/
display: block;
line-height: 47px;
text-align:center;
width:268px;
height:47px;

font-weight:bold;
text-decoration:none;
font-size:14px;
color:#fff;
margin-bottom: 4px;
text-indent: 48px;

background-color: #f99900;

background: linear-gradient(to bottom,  #ffc300 4%,#ffb200 12%,#f99900 94%,#f88300 98%);
/*
background: -ms-linear-gradient(top,  #ffc300 4%,#ffb200 12%,#f99900 94%,#f88300 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc300', endColorstr='#f88300',GradientType=0 );
*/
border-radius: 6px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

}
div#story .story_now .read a.pc:hover{
background: #ffcf1e;
background: linear-gradient(to bottom,  #ffe852 4%,#ffcf1e 94%,#ffc410 98%);
/*
background: -ms-linear-gradient(top,  #ffe852 4%,#ffcf1e 94%,#ffc410 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe852', endColorstr='#ffc410',GradientType=0 );
*/
color:#F66D00;
}


div#story .story_now .read a.sp{
/*
display:table-cell;
vertical-align:middle;
*/
display: block;
line-height: 47px;
text-align:center;
width:268px;
height:47px;

font-weight:bold;
text-decoration:none;
font-size:14px;
color:#fff;
margin-top: 8px;
margin-bottom: 4px;
text-indent: 48px;

background-color: #0099f9;

background: linear-gradient(to bottom,  #00c3ff 4%,#00b2ff 12%,#0099f9 94%,#0083f8 98%);

/*
background: -ms-linear-gradient(top,  #00c3ff 4%,#00b2ff 12%,#0099f9 94%,#0083f8 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c3ff', endColorstr='#0083f8',GradientType=0 );
*/

border-radius: 6px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

}
div#story .story_now .read a.sp:hover{
background: #1ecfff;
background: linear-gradient(to bottom,  #52e8ff 4%,#1ecfff 94%,#10c4ff 98%);
/*
background: -ms-linear-gradient(top,  #52e8ff 4%,#1ecfff 94%,#10c4ff 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52e8ff', endColorstr='#10c4ff',GradientType=0 );
*/
color:#0083f8;
}



div.subhead{
color:#555;
height:11px;
font-size:11px;
font-weight:bold;
padding:8px 10px;
margin-top:8px;
border:solid 1px #ddd;

background-image:url(../../img/zerosum/common/bg_story_subhead.png);
background-repeat: repeat-x;
background-position: top left;

}
div.story_cell{
border:solid 1px #ddd;
background-color:#fff;
padding:8px 10px;
color:#777;
font-size:11px;
line-height:1.4em;
}
div.story_cell li{
color:#777;
font-size:11px;
border-bottom:solid 1px #f0f0f0;
padding-top:0.2em;
padding-bottom:0.7em;
margin-bottom:0.7em;
}
div.story_cell li span.storytitle{
color:#DF4900;
margin-right:1em;
font-size:12px;
font-weight: bold;
}
div.story_cell li ul
{
display: block;
margin-top: 0.2em;
text-align: right;
}
div.story_cell li ul li
{
display: inline-block;
border: none;
padding: 0px;
margin-left: 1em;
}

div.story_cell li ul li:before
{
content: '\2023';
margin: 0 0.3em;
color:#AAA;
}

div.story_cell li ul li a
{
color:#DF4900;
font-size:12px;
}

div.story_cell form{
width:460px;
}
div.story_cell textarea{
border:solid 1px #eee;
width:460px;
height:3em;
padding:0.5em 6px;
display:block;
}
div.story_cell input{
margin:3px auto;
display:block;
width:5em;
padding:0.2em;
font-size:10px;
background-color:#ccc;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
}
div.story_cell input:hover{
cursor:pointer;cursor:hand;
}

div.subfoot{
text-align:right;
font-size:11px;
}
div.subfoot a{
color:#666;
}

div.scrollable ul{
height:150px;
overflow:auto;
}
#releases{
margin-top:12px;
color:#777;
}
#releasehead{
background-color:#000;
background-image:url(../../img/zerosum/common/detail_release_title.png);
background-repeat: repeat-x;
background-position: top left;
color:#fff;
padding:3px 6px;
margin-bottom:0.5em;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
}
#releases ul.release{
margin-top:8px;
}
#releases ul.release li{
color:#777;
zoom:1;
padding:6px;
font-size:11px;
display:block;
}
#releases ul.release li:after{
content: " ";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0px;
clear:both;
}
#releases ul.release li h5{
color:#555;
font-size:13px;
}
#releases ul.release li img{
float:left;
margin-right:6px;
}
#releases ul.release li.odd{
background-image:url(../../img/zerosum/common/bg_release.png);
background-repeat: repeat-all;
background-position: top left;
}





div.date_orange{
color:#fff;
background-color:#F68400;
background-image:url(../../img/zerosum/common/date_bg_orange.png);
background-repeat: repeat-x;
background-position: top left;
}
div.date_gray{
color:#fff;
background-color:#889097;
background-image:url(../../img/zerosum/common/date_bg_gray.png);
background-repeat: repeat-x;
background-position: top left;
}
div.date_large{
color:#fff;
background-color:#889097;
background-image:url(../../img/zerosum/common/date_bg_story.png);
background-repeat: repeat-x;
background-position: top left;
height:16px;
font-size:12px;
width:120px;
margin:0px 0px 10px 0px;
padding:2px 0px 0px 6px;
}

/* ----- inserted ----- */

#impression-feedback {
color:#ff5a00;
margin-left: 10px;
font-size: 0.8em;
}

#impression {

}

table.faqtable{
width: 680px;
border: solid 1px #ccc;
border-collapse: collapse;
}
table.faqtable th,
table.faqtable td{
font-size: 12px;
line-height: 1.5em;
padding: 0.5em 0.8em;
text-align: left;
border: solid 1px #ccc;
}
table.faqtable th{
background-color: #F0F0F0;
white-space: nowrap;
font-size: 14px;
}
table.faqtable td img{
display: block;
border: solid 1px #eee;
padding: 6px 12px;
}
table.faqtable td a img{
border: none;
}
table.faqtable td a{
color: #444;
}
table.faqtable td a{
color: #444;
}
table.faqtable td hr{
border: none;
border-bottom: dotted 1px #ccc;
outline: none;
}

ul#updatehistory h2, ul#comming h2{
background-color:#000;
background-image:url(../../img/zerosum/common/detail_work_title.png);
background-repeat: no-repeat;
background-position: top left;
width:497px;
height:22px;
color:#fff;
font-size:15px;
padding:6px 12px;
clear:both;
}

ul#updatehistory li ul li a img, ul#comming li ul li a img{
float: left;
margin: 4px 8px 8px 0px;
}
ul#updatehistory li ul li h3, ul#comming li ul li h3{

}
ul#updatehistory li ul li h3 a, ul#comming li ul li h3 a{
color: #444;
font-size: 14px;
line-height: 1.5em;
}
ul#updatehistory li ul li div, ul#comming li ul li div{
display: inline;
}
ul#updatehistory li ul li, ul#comming li ul li{
clear: both;
}
ul#updatehistory li, ul#comming li{
margin-bottom: 24px;
}