/* @override 
	http://nihongo.j-talk.com/theme/css/style.css?v=2012-11-16
	http://nihongo.j-talk.com/theme/css/style.css?v=2012-11-30
	http://nihongo.j-talk.com/theme/css/style.css?v=2012-12-01d
	http://nihongo.j-talk.com/theme/css/style.css?v=2012-12-02
	http://nihongo.j-talk.com/theme/css/style.css?v=2012-12-04a
*/

/*
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400; 
*/
*
{
	margin: 0;
	padding: 0;
}

body.submitted #formwrap
{
	/*display: none;*/
}

div#outputwrap {
	clear: both;
}

body
{
	margin: 0;
	padding: 0;
	border: 0;
	color: #111;
	font: 76%/160% "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	
}

ul, li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

label
{
	border: 0;
	margin-left: 8px;
}

.app_content_210178720842
{
	display: none;
}



p
{
	
}

span.note
{
	color: #8a0207;
	cursor: pointer;
}

#intro p
{
	margin-bottom: 1em;
}

strong
{
	color:#900;
}

/* @group a */

a
{
	color: #111163;
	text-decoration: underline;
	border: 0;
}

img
{
	border: 0;
}

body#parser.submitrollover div.actions{
	display: none;
}

a:link
{
	color: #111163;
}

a:visited
{
	color: #111163;
}

a:hover
{
	color: #111163;
}

a:active
{
	color: #111163;
}

/* @end */

/* @group Header */


div#header
{
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 80px;
	padding-top: 20px;
	position: relative;
}

#header h1
{
	font-family: Georgia, "Times New Roman", serif;
	color: #EB1A00;
	font-weight: normal;
	font-size: 30px;
	margin: 0 0 5px 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
}

#header h1 strong
{
	color: #111;
	font-weight: normal;
	font-style: normal;
}

#header h2
{
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	color: #FA4700;
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	line-height: 12px;
}

/* @end */

/* @group Other Pages */

div#wrap.updates #content ul li,
div#wrap.other #content  ul li
{
	list-style-type: disc;
	list-style-position: outside;
	margin-left:20px;
}

div#wrap.updates #content ol li,
div#wrap.faq #content  ol li

{
	list-style-type: decimal;
	margin-left:20px;

}

div#wrap.updates #content h3
{
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 1em;
}

div#wrap.other #content h3
{
	color: #FA4700;
	margin-top: 1em;
	font-size: 1.2em;
}

#tos h2
{
	margin: 20px 0;
}

#tos ol.a li ol.i
{
	margin-bottom: 20px;
}

div#wrap.other #content h4
{

	margin-top: 1em;
}

div#wrap.updates #content h4
{
	margin-top: 1em;
	color: #FA4700;
	font-size: 1em;
}

/* @end */

/* @group Big Stuff */

#wrap
{
	width: 960px;
	margin: 0 auto;
}


#header div.about
{
	width: 740px;
	margin: 0 0 0 auto;
}

div#secondary
{
	float: left;
	width: 160px;
	/*
	min-height: 100px;
	background: red;
	*/
}

a.gotwit
{
	display: block;
	position: absolute;
	right: 30px;
	top: 0px;
	
}

div#content
{
	width: 740px;
	float:  right;
	margin-bottom: 20px;
}


/* @end */

#example div
{
	
}

/* @group Pop */

span.bubbleInfo span.reading
{
	font-weight: 600;
}

span.bubbleInfo span.base
{
	float:left;
	margin-right: 5px;
	font-size: 18px;
}

span.bubbleInfo span.epos
{
	display: none;
}

span.bubbleInfo span.pos
{
	font-weight: bold;
	color:#b4d4ec;
}

span.englishruby
{
	font-style: italic;
}

#wrap span.error, #wrap span.error strong
{
	color: red !important;
	/*display: none;*/
}


span.bubbleInfo
{
	text-align: left !important;
}

/*
span.bubbleInfo span.pop
{
	font-size: 12px;
}
*/

.pop
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	/*opacity: 0;*/
	/*width: 160px;*/
	/*
	border: 1px solid #FA4700;
	background-color: #ebf5ef;
	padding: 20px;
	*/
	
}

span.ed
{
	color: #baa;
}

.pop .intro
{
	display: none;
	/*height: 19px;
	background: url(img/popup_1.png) repeat-x;
	*/
}

.pop .main
{
	display: block;
	/*background: url(img/popup_2.png) repeat-y;*/
	font-size: 12px;
	line-height: 16px;
	
	background-color: #feffe9;
	padding: 10px;
	max-width: 200px;
	background-color: #FcFeFc;
	
	border: 2px solid blue;
	
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;

}

.pop .main
{
	background: #111;
		background: rgba(0,0,0,.8);
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(60,60,60,.9)), to(rgba(0,0,0,.8)));	
		color: white;
		/*
		padding: 0;
		
		width: 230px;
		*/
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		border: 1px solid black;
		
		/*
		font: 14px Helvetica, sans-serif;
		*/
		text-shadow: 0 -1px 0 rgba(0,0,0,.5);
		
		-webkit-text-stroke: 1px transparent;
		-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.6);
		box-shadow: 0 1px 3px rgba(0,0,0,.5);
		
		-webkit-transition-property: -webkit-transform, opacity;
		-webkit-transition-duration: .5s;
		-webkit-transform-origin: center bottom;
		/*
		-webkit-transform: translateY(20px);
		*/
}

span.bubbleInfo span.jthead
{
	display: block !important;
	color: #fff !important;
	border-bottom: 1px solid #727272 !important;
	padding-bottom: 8px !important;
	margin-bottom: 8px !important;
				
	
}

.pop .main strong
{
	color: #666;
	font-size: 12px;
}


.pop .extro
{
	/*display: none;*/
	height: 6px;
	display: block;
	/*
	background-image: url(img/point_down.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	
	top: -1px;
	*/
	position: relative;
}

.dupereading .reading
{
	display: none;
}

span.bubbleInfo span.reading
{
	font-weight: 600;
}

#rollover.romaji span.bubbleInfo span.reading
{
	font-style: italic;
}

.trigger
{
	/*background: #ebf5ef;*/
	
	/*cursor: none;*/
	cursor: pointer;
	color: #555;
	border: 0;
	font-weight: normal;
	font-style: normal;
}

.particle .trigger
{
	color: #111;

}

span.bubbleInfo .popping
{
	color: #900;	/*important*/

}

div#output #rollover
{
	font-size: 18px;
	line-height: 40px;
	text-align: justify;
}

span.bubbleInfo .related a
{
	background: url(img/sicons/mini/arrow_r.gif) no-repeat;
	background-position: 5px 2px;
	font: "Lucida Grande", Verdana, Geneva, Arial, sans-serif !important;
	width: 30px;
	text-decoration: none;
	
	
	}

/* @end */

div#inputarea
{
		
}

div.fb-like-box.fb_iframe_widget {
	float: right;
	margin-top: 73px;
}

div#inputarea textarea
{
	width: 100%;
	height: 257px;
	font-size: 16px;
}

div#outputwrap {
	
}

#submitwrap select {
	
}

div#submitwrap {
	height: 25px;
}

div#gloss
{
	margin-bottom: 10px;
}

div#formwrap  p.extro
{
	clear: both;
	height: 20px;
	font-size: 1px;
	line-height: 1px;
}

#parsetype .on .options
{
	display: block;
	position: relative;
	color: #666666;
	text-indent: 30px;
	background: white;
	right: 3px;
}

#parsetype .options
{
	display: none;
}

div#output
{
	margin-top: 20px;
	font-size: 18px;
	line-height: 24px;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400; 
}

div#example
{
	width: 160px;
}



div#outwrap
{
	
	margin-top: 80px;
	
}

div#options
{
	float: right;
	width: 250px;
	padding-bottom: 30px;
	background-color: white;
}

#parsetype li.more_option
{
	margin-bottom: 2em;
}

/* @group FB */

div#fbfan
{
	border: 1px solid #EEE;
	width: 200px;
}

div#fbfan a
{
	font-size: 10px;
}




/* @end */

div#uberwrap
{
	
}

#formwrap
{
	background: white;
	padding-top: 2em;
	/*
	width: 70%;
	*/
	float: left;
	width: 57%;
}

#submitwrap input {
	float: left;
}

#submitwrap div.options {
	float: right;
}

body#parser.submitted div#intro
{
	display: none;
}

body#parser.submitted div#intro.widget
{
	display: block;
}

div#info
{
	padding-top: 2em;
	font-size: 0.9em;
	color: #777;
}

#outputwrap div.outputnotes
{
	padding-top: 2em;
	font-size: 11px;
	color: #777;
}




body.hidestuff #output .romaji,
body.hidestuff #output .hiragana,
body.hidestuff #output .katakana 
{
	display: none;
}

.outputoriginal .romaji,
.outputoriginal .katakana,
.outputoriginal .hiragana,
.outputoriginal .english
{
	display: none;
	
}

.outputhiragana .romaji,
.outputhiragana .katakana,
.outputhiragana .english,
.outputhiragana .original
{
	display: none;
	
}

.outputromaji .hiragana,
.outputromaji .katakana,
.outputromaji .english,
.outputromaji .original
{
	display: none;
	
}

.outputkatakana .hiragana,
.outputkatakana .romaji,
.outputkatakana .english,
.outputkatakana .original
{
	display: none;
	
}

.outputenglish .hiragana,
.outputenglish .romaji,
.outputenglish .katakana,
.outputenglish .original
{
	display: none;
	
}

.ishiragana span.hiragana
{
	display: none;
}

div#output.brackets span.hiragana,
div#output.brackets span.katakana,
div#output.brackets span.romaji
{
	color: #999;
}

div#output.brackets .translation
{
	color: #999;
}

#parser #output #d_clip_button.copied
{
	color: #aaa;
}

#parser #output #d_clip_button.hover
{
	text-decoration: underline;
}

div#output.brackets .translationempty .bracket,
div#output.brackets .translationempty .romaji,
div#output.brackets .translationempty .katakana,
div#output.brackets .translationempty .hiragana
{
	display: none;
}

.submitdetailed #d_clip_button,
.submitruby #d_clip_button,
.submitrollover #d_clip_button
{
	display:  none;
}

.syln
{
	font-weight: bold;
}

.iskatakana span.hiragana,
.iskatakana span.katakana,
.ishiragana span.hiragana,
#output span.ispunctuation span.translation,
#output span.isascii span.translation
{
	display: none;
}

/*
div#output.brackets span.hiragana:after,
div#output.brackets span.romaji:after,
div#output.brackets span.katakana:after
{
	content: ')';
}

div#output.brackets span.hiragana:before,
div#output.brackets span.romaji:before,
div#output.brackets span.katakana:before
{
	content: '(';
}
*/
body.nooutput #output
{
	display: none;
}

/* @group related */

div#wrap.related div#entry
{
	width: 200px;
	float: left;
	font-size: 30px;
	margin-top: 30px;
	line-height: 40px;
	text-align: center;
}

div#wrap.related th, div#wrap.related td
{
	
	height: 25px;
	padding-right: 20px;
}

#results table tbody tr td.en
{
	font-style: italic;
}

div#wrap.related .entry
{
	min-width: 100px;
	margin: 0;
	text-align: left;
	padding-right: 0;
	padding-left: 0;
}

div#wrap.related .rank
{
	width: 60px;
	margin: 0;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
}

div#wrap.related td.rank
{
	color: #999;
}

#results table tbody tr td.r
{
	color: #666;
}

#parsewrap span.related a
{
	background: url(img/sicons/mini/arrow_r.gif) no-repeat;
	background-position: 5px 2px;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif !important;
	width: 20px;
	text-decoration: none;
	}

table a
{
	text-decoration: none;
}

table a:hover
{
	text-decoration: underline;
}

#parsewrap span.related a:hover
{
	background-position: 6px 2px;
}

#parsewrap span.related 
{
	
	width: 20px;
}

div#wrap.related a
{
	text-decoration: none;
}

div#wrap.related a:hover
{
	color: #900;
}

div#wrap.related div#results
{
	width: 700px;
	margin-left: 200px;
}

div#wrap.related div#header
{
	
	margin-left: 200px;
}

div#wrap.related div.info
{
	margin: 20px auto 10px 200px;
	font-size: 10px;
	color: #666;;
}



/* @end */

/* @group Detailed Table */

table.detailed
{
	width: 100%;
}

body.hidestuff #output table.detailed .romaji,
body.hidestuff #output table.detailed .hiragana,
body.hidestuff #output table.detailed .katakana 
{
	display: inline;
}

body.hidestuff.outputhiragana #output table.detailed .romaji,
body.hidestuff.outputhiragana #output table.detailed .katakana,
body.hidestuff.outputromaji #output table.detailed .katakana,
body.hidestuff.outputromaji #output table.detailed .hiragana,
body.hidestuff.outputkatakana #output table.detailed .romaji,
body.hidestuff.outputkatakana #output table.detailed .hiragana
{
	display: none;
}


table
{
	border-collapse: collapse;
}

th
{
	text-align: left;
	font-weight: normal;
	font-style: normal;
	color: #FA4700;
}

th, td
{
	padding: 5px;
	font-size: 12px;
}

#output table.detailed thead th
{
	border-bottom: 1px solid #aaa;
}

td.r, td.o, td.b
{
	white-space:nowrap;
	min-width: 75px;
	max-width: 150px;
}

#output table.detailed tbody td
{
	border-bottom: 1px solid #eee;
}

body.hidestuff table.detailed .b,
body.hidestuff table.detailed .pid
{
	display: none;
}

table td em
{
	color: red;
	font-size: 1.1em;
}

table em.note, .outputnotes em
{
	color: #d99397;
	font-weight: normal;
	font-style: normal;
}

	

/* @end */

/* @group Actions */

#output div.actions
{
	position: relative;
	height: 15px;
	padding: 10px 0;
	width: 200px;
	}


#output div.actions .action
{
	float: left;
	background-repeat: no-repeat;
	text-indent: -10000px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin-left: 10px;
	
}



#output div.actions .action#d_clip_button
{
	
	width: 50px;
	text-indent: 0px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #666;
	color: #FA4700;
}


body.hidestuff div#hide
{
	background-image: url(img/show.gif);
}

div#rotator
{
	/*background-image: url(img/spinner.png);*/
	display: none;
}

div#hide
{
	background-image: url(img/hide.gif);
}

div#flip
{
	background-image: url(img/flip.gif);
	display: none;
	
}

div#output.ruby div#flip
{
	display: block;
}

div#output.spaced div#hide
{
	display: none;
}



/* @end */

/* @group Ruby */

/* span.ruby support */

#testing span.ruby
{
	font-size: 20px;
}

span.ruby
{

	height: 40px;
	display: inline-table;
	text-align: center;
	white-space: nowrap;
	text-indent: 0;
	margin: 0;
	vertical-align: -30%;
	margin-bottom: 8px;
}

/* ルビベース */
span.ruby > span.rb, span.ruby > span.rbc
{
	display: table-row-group;
	font-size: 20px;
	/*background-color: #cfc;*/
	line-height: 20px;
}

/* 前側ルビテキスト */
span.ruby > span.rt, span.ruby > span.rbc + span.rtc
{
	display: table-footer-group;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 0;
	/*background-color: #ccc;*/
}

body.rubytop span.ruby > span.rt, body.rubytop span.ruby > span.rbc + span.rtc
{
	display: table-header-group;
}

/* 後側ルビテキスト */
span.ruby > span.rbc + span.rtc + span.rtc
{
	display: table-footer-group;
	letter-spacing: 0;
}

body.rubytop span.ruby > span.rbc + span.rtc + span.rtc
{
	display: table-header-group;	
}

.rt .romaji
{
	font-size: 12px !important	
}

/* 複雑ルビテキスト */
span.rbc > span.rb, span.rtc > span.rt
{
	display: table-cell;
	letter-spacing: 0;
}

/* span.rt[rbspan] should be transformed into td[colspan] but that requires xslt */
span.rtc > span.rt[rbspan] { display: table-caption; }

/* ルビ括弧 */
span.rp { display: none; }

/* @end */


/* @group old */

div.tr
{
	
}

div.tl, div.tr, div.bl, div.br
{
	background-color: #ccc;
	margin: 0;
	width: 19px;
	height: 15px;
	background-repeat: no-repeat;
}

div.tl
{
	background: url(img/bubble-1.png);
}

div.tl, div.bl
{
	float: left;
	
}

div.tr, div.br
{
	float: right;
	background-color: #cfc;
}

.rr
{
	background: #fcc;
}

.gg
{
	background: #cfc;
}

.jodan
{
	display: none;
}

#spaced 
{
	font-size: 20px;
	line-height: 28px;
	color: #111;

}

/* @end */

#tos ol.a
{
	margin-left: 20px;
	list-style-type: lower-latin;
}

#tos ol.a > li
{
	margin-left: 20px;
	list-style-type: lower-latin;
}

#tos ol.i > li
{
	margin-left: 20px;
	list-style-type: lower-roman;
}

.clearfix:before,
.clearfix:before:after {
    content:"";
    display:table;
}

.clearfix:before:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix:before {
    zoom:1;
}