/*	=CSS reseting
---------------------------------------------------------------------------- */

html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form,
fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub,
dfn, ins, del, q, cite, var, samp, code, kbd, tt, pre {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1.5em;
}

input, textarea, select, option, optgroup, button, td, th {
	font-size: 1em;
}

b, strong {
	font-weight: bold;
}

i, cite, em, var, dfn, blockquote {
	font-style: italic;
}

address {
	font-style: normal;
}

caption, th { 
	text-align: left;
	font-weight: bold;
}

p, ul, ol, blockquote, address, form, table, pre, dl, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 15px;
}

ul ul, ul ol, ol ul, ol ol {
	margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 17px;
}

h3 {
  font-size: 14px;
}

h4 {
  font-size: 12px;
}

h5 {
  font-size: 11px;
}

h6 {
  font-size: 10px;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

li {
	margin-left: 40px;
}

ul ul, ol ul {
	list-style-type: circle;
}

ul ul ul, ol ul ul, ul ol ul, ol ol ul {
	list-style-type: square;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*	=
---------------------------------------------------------------------------- */

html, body {
	background: #E2E2E2 url(../gfx/bg-body.png) repeat-x;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}

#container {
	width: 973px;
	margin: 0 auto;
	position: relative;
}

#main {
	background: transparent url(../gfx/bg-set1.gif) repeat-y;
}

#mainInside {
	background: transparent url(../gfx/bg-main-bottom.jpg) no-repeat 0 bottom;
}

#mainInsideInside {
	background: transparent url(../gfx/bg-set1.gif) no-repeat -973px 0;
	padding: 10px 30px 10px;
	position: relative;
}

/*	=header
---------------------------------------------------------------------------- */

#header {
	height: 95px;
	margin: 0;
	padding: 37px 0 0;
	position: relative;
	z-index: 2;
}

#header .search {
	position: absolute;
	top: 40px;
	right: 0;
}

#header h1,
#header h2 {
	width: 158px;
	height: 30px;
	margin: 0;
	background: transparent url(../gfx/logo-cksource.gif) no-repeat;
	background: transparent url(../gfx/bg-set3.gif) no-repeat 0 -684px;
	text-indent: -9000px;
	float: left;
}

#header h2 {
	width: 156px;
	background-position: right 0;
}

#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	outline: 0;
}

#mainnav {
	width: 973px;
	height: 35px;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

#mainnav li {
	list-style: none;
	margin: 0;
	float: left;
	position: relative;
}

#mainnav a {
	display: block;
	width: 120px;
	height: 35px;
	float: left;
	text-indent: -9000px;
	outline: 0;
	background: transparent url(../gfx/bg-mainnav.png) no-repeat 0 bottom;
}

#mainnav .home a { width: 122px; }
#mainnav .about a { background-position: -122px bottom; }
#mainnav .products a { background-position: -242px bottom; }
#mainnav .customers a { background-position: -362px bottom; }
#mainnav .news a { background-position: -482px bottom; }
#mainnav .community a { background-position: -602px bottom; }
#mainnav .career a { background-position: -722px bottom; }
#mainnav .contact a { background-position: -842px bottom; width: 131px; }

#mainnav .home a:hover { background-position: 0 -40px; }
#mainnav .about a:hover { background-position: -122px -40px; }
#mainnav .products a:hover, #mainnav .products:hover a { background-position: -242px -40px; }
#mainnav .customers a:hover { background-position: -362px -40px; }
#mainnav .news a:hover { background-position: -482px -40px; }
#mainnav .community a:hover { background-position: -602px -40px; }
#mainnav .career a:hover { background-position: -722px -40px; }
#mainnav .contact a:hover { background-position: -842px -40px; }

#mainnav .home a.active, #mainnav .home a.active:hover { background-position: 0 0; }
#mainnav .about a.active, #mainnav .about a.active:hover { background-position: -122px 0; }
#mainnav .products a.active, #mainnav .products a.active:hover { background-position: -242px 0; }
#mainnav .customers a.active, #mainnav .customers a.active:hover { background-position: -362px 0; }
#mainnav .news a.active, #mainnav .news a.active:hover { background-position: -482px 0; }
#mainnav .community a.active, #mainnav .community a.active:hover { background-position: -602px 0; }
#mainnav .career a.active, #mainnav .career a.active:hover { background-position: -722px -0; }
#mainnav .contact a.active, #mainnav .contact a.active:hover { background-position: -842px 0; }

#mainnav .contact a.active2 { background-position: -842px 0; }

#mainnav div {
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	background: transparent url(../gfx/bg-subnav-bottom.png) no-repeat 0 bottom;
	padding: 0 0 5px;
	opacity: 0.98;
}

#mainnav ul {
	margin: 0;
	background: #FAFAFA url(../gfx/bg-subnav.png) repeat-x;
	padding: 5px 5px 0;
}

#mainnav li:hover div {
	display: block;
}

#mainnav ul li {
	float: none;
	display: inline;
}

#header #mainnav ul a {
	text-indent: 0;
	padding: 0 10px;
	height: 30px;
	color: #000;
	line-height: 30px;
	width: 150px;
	background: transparent url(../gfx/bg-subnav-a.jpg) repeat-x -99px -99px;
	border-top: 1px solid #eee;
	float: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 11px;
}

#header #mainnav .products ul a {
	height: 58px;
	background: transparent url(../gfx/bg-set5.png) no-repeat 15px -252px;
	text-indent: -9000px;
}

#header #mainnav .products ul .ckfinder a {
	background-position: 15px -310px;
}

#header #mainnav ul .first a {
	border: none;
}

#header #mainnav ul .active a {
	font-weight: bold;
}

#header #mainnav ul a:hover {
	background-position: 0 0;
	color: #fff;
	text-decoration: none;
}

#header #mainnav .products ul a:hover {
	background-position: -225px -252px;
}

#header #mainnav .products ul .ckfinder a:hover {
	background-position: -225px -310px;
}

/*	=
---------------------------------------------------------------------------- */

.featuredBox {
	margin: 0 0 18px 0;
	background: transparent url(../gfx/bg-featuredbox.jpg) no-repeat 1px 0;
}

.featuredBoxH {
	background-image: url(../gfx/bg-featuredbox-h.jpg);
	background-position: 0 0;
}

.featuredBoxInside {
	height: 173px;
	padding: 30px 0 0 320px;
	position: relative;
}

.featuredBoxH .featuredBoxInside {
	height: 283px;
}

.theme1 .featuredBoxInside { background: transparent url(../gfx/bg-fb-theme1.jpg) no-repeat 489px 0; }
.theme2 .featuredBoxInside { background: transparent url(../gfx/bg-fb-theme2.jpg) no-repeat 489px 0; }
.theme3 .featuredBoxInside { background: transparent url(../gfx/bg-fb-theme3.jpg) no-repeat 459px 0; }
.theme4 .featuredBoxInside { background: transparent url(../gfx/bg-fb-theme4.jpg) no-repeat 490px 0; }

.featuredBox .ico {
	width: 135px;
	height: 158px;
	position: absolute;
	top: 30px;
	left: 106px;
}

.ico1 .featuredBoxInside .ico { background: transparent url(../gfx/fb-ico-1.png) no-repeat; }
.ico2 .featuredBoxInside .ico { background: transparent url(../gfx/fb-ico-2.png) no-repeat; left: 92px; width: 148px; }
.ico3 .featuredBoxInside .ico { background: transparent url(../gfx/fb-ico-3.png) no-repeat; top: 20px; left: 101px; width: 143px; height: 175px; }
.ico4 .featuredBoxInside .ico { background: transparent url(../gfx/fb-ico-4.png) no-repeat; top: 34px; left: 82px; width: 170px; height: 208px; }

.featuredBox h2,
#content .featuredBox h2 {
	color: #fff;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
}

.featuredBoxH h3 {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px;
}

.featuredBoxH li {
	color: #959595;
	font-size: 18px;
	list-style: none;
	margin: 0;
	background: transparent url(../gfx/bg-set4.gif) no-repeat 0 12px;
	padding: 0 0 0 20px;
}

.featuredBox p {
	color: #A4A4A4;
	font-size: 16px;
}

.featuredBox .productInfo {
	width: 170px;
	margin: 0 18px 0 0;
	float: left;
	border-right: 1px solid #3E3E3E;
}

.featuredBox .productInfo h2 {
	margin: 0;
}

.featuredBox .productInfo h3 {
	color: #959595;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}

.featuredBox .productInfo h4.price {
	font-size: 50px;
	color: #fff;
	font-weight: normal;
	margin: 0;
}

.featuredBox .productInfo h4.price sup {
	font-size: 12px;
}

.featuredBox .subPart {
	width: 910px;
	height: 45px;
	padding: 15px 30px 0;
	position: absolute;
	bottom: 0;
	left: 1px;
	background: transparent url(../gfx/bg-fb-subpart.gif) no-repeat;
}

.featuredBox .subPart .whosUsing {
	position: absolute;
	top: 20px;
	right: 30px;
}

.featuredBox .subPart .whosUsing h4 {
	color: #ddd;
	font-size: 11px;
	float: left;
	margin: 4px 15px 0 0;
	font-weight: normal;
	background: transparent url(../gfx/h-whos-using.gif) no-repeat;
	width: 118px;
	height: 12px;
	text-indent: -9000px;
}


/*	=footer
---------------------------------------------------------------------------- */

#footer {
	padding: 10px 30px 15px;
	position: relative;
	color: #848484;
	font-size: 11px;
}

#footer a {
	background:transparent url(http://a.cksource.com/e/1/gfx/bg-set2.gif) no-repeat scroll right -95px;
	color:#848484;
	padding:0 15px 0 0;
}

#footer p,
#footer ul {
	margin: 0;
	display: inline;
}

#footer li {
	list-style: none;
	margin: 0 0 0 15px;
	display: inline;
}

#footer .customers {
	position: absolute;
	top: 13px;
	right: 30px;
}

#footer .customers h3 {
	font-size: 12px;
	background: transparent url(../gfx/h-customers.gif) no-repeat;
	width: 86px;
	height: 11px;
	text-indent: -9000px;
	float: left;
	margin: 2px 20px 0 0;
}


/*	=
---------------------------------------------------------------------------- */

#page-body {
	margin: 0;
}

/*	=
---------------------------------------------------------------------------- */

a,
#page-body h2 a,
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
	color: #189DE1;
}

a.forumtitle {
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
}

a.forumtitle:hover {
	color: #333;
}

.postlink {
	border: none;
	color: #189DE1;
}

.postlink:visited {
	border: none;
	color: #65BFEF;
}

table.round_box {
	background-color: #EFEFEF;
}

ul.navlinks {
	border-bottom-color: #E2E2E2;
}

table.round_box td.top,
table.round_box div.top_left,
table.round_box div.top_right,
table.round_box td.bottom,
table.round_box div.bottom_left,
table.round_box div.bottom_right {
	background: none;
}

table.round_box div.top_right {
	border: solid #E2E2E2;
	border-width: 1px 1px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

table.round_box div.bottom_right {
	border: solid #E2E2E2;
	border-width: 0 1px 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.forabg table.round_box div.top_left, .forumbg table.round_box div.top_left, .panel table.round_box div.top_left,
.forabg table.round_box div.bottom_left, .forumbg table.round_box div.bottom_left, .panel table.round_box div.bottom_left {
	background: none;
}

.forabg table.round_box div.top_right, .forumbg table.round_box div.top_right, .panel table.round_box div.top_right {
	background: none;
	border: solid #E2E2E2;
	border-width: 1px 1px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.forabg table.round_box div.bottom_right, .forumbg table.round_box div.bottom_right, .panel table.round_box div.bottom_right {
	background: none;
	border: solid #E2E2E2;
	border-width: 0 1px 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.panel table.round_box, .forabg table.round_box, .forumbg table.round_box {
	background-color: #EFEFEF;
}

ul.forums {
	background: none;
}

li.row {
	border-top: 1px solid #E2E2E2;
	border-bottom: none;
	padding: 5px 0;
}

table.round_box td.contents {
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}

ul.topiclist li {
	color: #777;
}

.forabg {
	margin-bottom: 10px;
}

li.row:hover {
	background: #e5e5e5;
}

li.row dd,
li.row:hover dd {
	border-color: #E2E2E2;
}

dd.topics,
dd.posts {
	font-size: 12px;
}

.inputbox,
fieldset.quick-login input.inputbox,
#search-box #keywords {
	border: solid #C9C9C9;
	border-width: 1px 0 0 1px;
	background: #fafafa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.section-index .search-box {
	margin-left:-1px;
}


a.button1, input.button1, input.button3, a.button2, input.button2 {
	background: #1196DA;
	border: solid #BEBEBE;
	border-width: 0 1px 1px 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 4px;
}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	background: #1196DA;
	border: solid #BEBEBE;
	border-width: 0 1px 1px 0;
	color: #fff;
}



.inputbox:hover {
	border: solid #70BEE6;
	border-width: 1px 0px 0px 1px;
}

.bottomlinks {
	border: none;
}

.bottomlinks a,
div.copyright a {
	font-size: 11px;
	color: #777;
}

.icon-faq,
.icon-register,
.icon-logout {
	padding-left: 22px;
}

li.changefontsize {
margin-top:4px;
}

fieldset {
	font-size: 1em;
}

.main_head {
	padding-right: 15px;
}

ul.top_menu a {
	color: #777;
}

ul.top_menu li {
	margin-left: 10px;
}

ul.top_menu a.active {
	background: #eee;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.panel table.round_box, .forabg table.round_box, .forumbg table.round_box {
	margin: 0;
}

h3 {
	border-bottom-color: #E2E2E2;
	font-size: 1em;
}

ul.topiclist dt {
	font-size: 1em;
}

/*	=
---------------------------------------------------------------------------- */

input {
	padding: 0;
}

form.search input.text {
	width: 145px;
	padding: 7px 5px;
	background: transparent url(../gfx/bg-set3.gif) no-repeat 0 -646px;
	border: none;
	cursor: text;
	font-family: Arial, Helvetica, sans-serif;	
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #0782C1;
}

h2 a,
#page-body h2 a {
	color: #0782C1;
}

p {
	font-size: 1em;
}

.foraBar {
	position: relative;
}

.foraBar ul {
	position: absolute;
	top: -3px;
	right: 0;
	height: auto;
}

ul.linklist li {
	font-size: 1em;
	margin-left: 0;
}

.foraBar small {
	font-size: 11px;
}

h3 {
	color: #777;
}

ul.topiclist dl {
	margin: 0;
}

li.header dt, li.header dd {
	color: #777;
}

.lastpost span {
	line-height: 1em;
}

li.header dt, li.header dd {
	margin-top: 0;
}

.postlink:hover {
	background: none;
	text-decoration: underline;
	color: #189DE1;
}

.content,
.postbody .content {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.postbody h3 {
	display: none;
}

p.author {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
}

.bg1,
.bg2 {
	background: #fff;
}

.bg1 table.round_box {
	background: #EFEFEF;
}

.bg2 table.round_box {
	background: #F8F8F8;
}

.bg2 table.round_box div.top_left,
.bg2 table.round_box div.top_right,
.bg2 table.round_box div.bottom_left,
.bg2 table.round_box div.bottom_right,
.bg1 table.round_box div.top_left,
.bg1 table.round_box div.top_right,
.bg1 table.round_box div.bottom_left,
.bg1 table.round_box div.bottom_right {
	background: none;
}

blockquote {
	background-color: #E6E6E6;
	padding: 15px 15px 1px;
	border: 1px solid #DFDFDF;
}

blockquote cite {
	font-size: 11px;
}

fieldset {
	font-family: Arial, Helvetica, sans-serif;
}

label {
	color: #555;
}

dd.lastpost {
	font-size: 11px;
}

dd.lastpost span {
	line-height: 15px;
}

/*	= ie6 & ie7 fixes
---------------------------------------------------------------------------- */

#main {
	zoom: 1;
}

.featuredBox {
	_zoom: 1;
}

.ico1 .featuredBoxInside .ico {
	_background-image: url(../gfx/ie-only/fb-ico-1.gif);
}

.foraBar ul {
	_right: 30px;
}

#header .search {
	_width: 230px;
}

/* added by Wiktor */
table.round_box td.contents {
  padding-left:10px;
  padding-right:10px;
}

table.round_box div.top_left, table.round_box div.bottom_left {
	height:10px;
}

/* Drupal styles */
div.contactLayer input.text,
div.contactLayer textarea {
  border: 1px solid #252525;
  background-color: #D5D8DB;
  padding: 3px 5px;
  width: 178px;
  color: #000;
}

div.contactLayer input:focus,
div.contactLayer input.focus,
div.contactLayer textarea:focus,
div.contactLayer textarea.focus {
  background-color: #F1F2F3;
}

div.contactLayer textarea  {
  width: 203px;
  height: 130px;
}

#contactLayer label {
  color: #fff;
  display: block;
}

#contactLayer {
  display: none;
  width: 910px;
  height: 190px;
  padding: 10px 30px 0;
  position: absolute;
  top: 132px;
  left: 1px;
  background: #010101 url(http://a.cksource.com/e/1/gfx/bg-contactform.jpg) repeat-x;
  color: #959595;
}

div.contactLayer h1 {
  color: #fff;
  font-size: 32px;
  font-weight: normal;
  font-family:Arial,Helvetica,sans-serif;
  margin: 0 0 10px;
}

div.contactLayer h3 {
  color: #fff;
  font-size: 14px;
  text-transform:none;
}

div.contactLayer .part1,
div.contactLayer .part2 {
  width: 375px;
  float: left;
}

div.contactLayer .part2 {
  width: 535px;
  padding: 10px 0 0;
}

div.contactLayer .col1,
div.contactLayer .col2,
div.contactLayer .col3 {
  float: left;
}

div.contactLayer .part1 .col1 {
  width: 150px;
  padding: 0 10px 0 0;
}

div.contactLayer .part1 a {
  color:#189DE1;
}

div.contactLayer .part1 .col2 {
  width: 190px;
  padding: 35px 0 0;
}

div.contactLayer .part2 .col1 {
  border-left: 1px solid #252525;
  padding: 0 0 0 30px;
  width: 190px;
  margin: 0 15px 0 0;
}

div.contactLayer .part2 .col2 {
  width: 215px;
}

div.contactLayer .part2 .col3 {
  width: 69px;
  margin: 0 0 0 15px;
  padding: 18px 0 0;
}

div.contactLayer address em {
  color: #fff;
  font-style: normal;
}

div.contactLayer form p {
  margin: 0 0 7px;
}

div.contactLayer .end {
  
}

div.contactLayer .reqInfo {
  margin: 20px 0 0;
}

.btnMenuContact {
  display: inline;
  margin: 0;
}

.btnMenuContact a {
  display: block;
  width: 128px;
  height: 35px;
  text-indent: -9000px;
  outline: 0;
  background: transparent url(http://a.cksource.com/e/1/gfx/bg-set5.png) no-repeat 0 -665px;
  position: absolute;
  top: -35px;
  right: 0;
}

.btnCancel {
  display: inline;
  margin: 0;
}

.btnCancel a {
  display: block;
  width: 68px;
  height: 28px;
  text-indent: -9000px;
  outline: 0; 
  background: transparent url(http://a.cksource.com/e/1/gfx/bg-set5.png) no-repeat 0 -626px;
}

.btnCancel a:hover {
  opacity: 0.9;
}

#mask {
  background-attachment:scroll;
  background-color:#555555 !important;
  background-image:url(http://a.cksource.com/e/1/gfx/mask.png);
  background-position:center -130px;
  background-repeat:no-repeat;
}

sup.req {
  color:#FF0000;
}

.topiclist .bg1, .topiclist .bg2 {
	background-color:#EFEFEF
}

.section-viewforum .search-box, .section-viewtopic .search-box {
	float:left;
}

#helpjapan {
  height: 87px;
  width:986px;
  margin: 0 auto;
  padding: 5px 0 10px; 
  border-bottom: 1px solid gray;
  color:black;
}
#helpjapan img {
  float:left;
  margin: 0 10px 0 0;
}
#helpjapan div {
  padding:10px;
  font-size: 1.2em;
  line-height: 1em;
}

div.rules table.round_box
{
	margin: 10px 0;
	background-color: #fff;
}

div.rules table.round_box td.top,
div.rules table.round_box td.bottom
{
	display: none;
}

div.rules table.round_box td.contents
{
	padding: 5px 10px;
}

#mintbar {
    background:url('http://a.cksource.com/e/1/img/bar/bg1.png') repeat-x;
    font-size:14px;
    font-family: Arial, Helvetica, Sans-serif;
    color:#FFF;
    padding:0;
    position:relative;
    top:0;
    left:0;
    z-index:2000;
    width:100%;
    text-align:center;
    height:40px;
}
#mintbar ul {
    list-style-type: none;
    position:relative;
    margin:0 auto;
    padding-top:10px;
    width:960px;
    top:-3px;
}
#mintbar li {
    float:left;
    margin:0;
    background:none;
    padding:3px 0 0 0;
}
#mintbar li.item1 {
    width:600px;
    text-align:left;
}
#mintbar li.item2 {
    width:310px;
    text-align:right;
}
#mintbar li.item3 {
    width:50px;
    text-align:right;
}
#mintbar a {
    color:#FFF;
}
#closebtn {
    position:relative;
    right:0;
    background:url('http://a.cksource.com/e/1/img/bar/close.png') top no-repeat;
    border:none;
    cursor:pointer;
}
#closebtn span {
    left:-5000px;
    position:relative;
    cursor:pointer;
}
#mintbar .promo {
    font-weight: bold;
}
#mintbar .promo:hover, #mintbar .promo:active {
    text-decoration:underline
}
#mint {
    cursor:pointer;
    position: relative;
    z-index: 1000;
}