/* HOME PAGE SPECIFIC IDs*/

#main_pitch{
	/* Other attributes in colors_bgs_###.css files */
	float:left;
	width:924px;
	height:265px;
	margin:30px 0;
	background:url(http://img.renshuu.org/new_g/bg_main_pitch.jpg) 0 0 no-repeat;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-width:3px;
	border-style:solid;
}

#noren {
	float:left;
	width:282px;
	height:320px;
	margin-left:0;
	margin-top:-27px;
}

#noren span{
}

#pitch_text{
	float:left;
	margin-left:15px;
		
}

#pitch_text h1{
	margin:18px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 220%;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
}

/* alter - wasn't getting picked up by safari */
#pitch_text ul, #features_pitch {
	padding-left: 0;
}

#pitch_text ul li{
	line-height:1.7;
}

#features_pitch {
	float:left;
	margin:0 auto;
}

#features_pitch li{
	float:left;
	margin:5px;
	width:300px;
	height:246px;
	font-size:95%;
	background-position:0 0;
	background-repeat:no-repeat;
}

#features_pitch li a{
	display:block;
	width:260px;
	height:206px;
	margin:10px;
	padding:10px;
	text-decoration:none;
	color:#FFF;
	background-position:bottom center;
	background-repeat:no-repeat;
}

#features_pitch li a span{
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	text-decoration:underline;
	color:#333;
	font-weight:bold;
	font-size:150%;
}	

/* FEATURE PITCH LIs ... CHOOSE AN ID RANDOMLY FOR EACH, NONE SHOULD REPEAT SAME PAGE*/
li#features_blue_dark{
	background-image:url(http://img.renshuu.org/new_g/bg_li_features_blue_dark.png);
}

li#features_blue_light{
	background-image:url(http://img.renshuu.org/new_g/bg_li_features_blue_light.png);
}

li#features_brown{
	background-image:url(http://img.renshuu.org/new_g/bg_li_features_brown.png);
}

li#features_gray{
	background-image:url(http://img.renshuu.org/new_g/bg_li_features_gray.png);
}

li#features_green{
	background-image:url(http://img.renshuu.org/new_g/bg_li_features_green.png);
}

li#features_green_sea_foam{
	background-image:url(http://img.renshuu.org/new_g/bg_li_features_green_sea_foam.png);
}

li#features_maroon{
	background-image:url(http://img.renshuu.org/new_g/bg_li_features_maroon.png);
}

li#features_orange{
	background-image:url(http://img.renshuu.org/new_g/bg_li_features_orange.png);
}

li#features_purple{
	background-image:url(http://img.renshuu.org/new_g/bg_li_features_purple.png);
}

li#features_yellow{
	background-image:url(http://img.renshuu.org/new_g/bg_li_features_yellow.png);
}

/* FEATURE LINKS SPECIFIC BACKGROUND IMAGES ... TEXT IN HTML MUST MATCH */

a#features_link_advanced_stats{
	background-image:url(http://img.renshuu.org/new_g/bg_features_advanced_stats.png);
}

a#features_link_grammar_library{
	background-image:url(http://img.renshuu.org/new_g/bg_features_grammar_library.png);
}

a#features_link_try_renshuu_pro{
	background-image:url(http://img.renshuu.org/new_g/bg_features_try_renshuu_pro.png);
}

a#features_link_hanko_maker{
	background-image:url(http://img.renshuu.org/new_g/bg_features_hanko_maker.png);
}

a#features_link_achievements{
	background-image:url(http://img.renshuu.org/new_g/bg_features_achievements.png);
}

a#features_link_dictionaries{
	background-image:url(http://img.renshuu.org/new_g/bg_features_dictionaries.png);
}

a#features_link_mastery_schedules{
	background-image:url(http://img.renshuu.org/new_g/bg_features_mastery_schedules.png);
}

a#features_link_achievements{
	background-image:url(http://img.renshuu.org/new_g/bg_features_achievements.png);
}

a#features_link_dictionaries{
	background-image:url(http://img.renshuu.org/new_g/bg_features_dictionaries.png);
}

a#features_link_japanese_games{
	background-image:url(http://img.renshuu.org/new_g/bg_features_japanese_games.png);
}


a#features_link_study_kanji{
	background-image:url(http://img.renshuu.org/new_g/bg_features_study_kanji.png);
}

a#features_link_study_vocabulary{
	background-image:url(http://img.renshuu.org/new_g/bg_features_study_vocabulary.png);
}



/* SPECIAL TRY RENSHUU PRO FREE LINK */
h3#renshuu_pro_free_trial{
	float:right;
	position:relative;
	display:block;
	top:-95px;
	width:133px;
	height:76px;
	margin:0 15px 0 0;
	padding:5px 1px 0 1px;
	background:url(http://img.renshuu.org/new_g/bg_button_try_renshuu_pro_free.png) 0 0 no-repeat;
	overflow:hidden;
}

h3#renshuu_pro_free_trial a{
	width:133px;
	height:76px;
	margin:0;
	padding:5px 1px 2px 1px;
	line-height:1.1;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#try_renshuu_pro h3#renshuu_pro_free_trial a:hover{
	text-decoration:underline;
}





/* BLARG */
    .graph { 
        position: relative;
        width:50px; 

        border-width: 1px;
        border-style: solid;
        padding: 2px; 
    }

    .lgraph { 
        position: relative; /* IE is dumb */
        width:100px; 
    border-width: 1px;
        border-style: solid;
        padding: 2px; 
        margin-right: 4px;
        
        height: 10px; 
        line-height: 10px; 
    }
    .graph .bar, .lgraph .bar { 
        display: block;
        position: relative; 
    	 text-align: center; 
        color: #333; 
        height: 10px; 
        line-height: 10px;     
    }
    .graph .bar span { position: absolute; left: 1em; }
    
    .gred {
    	border-color: Salmon;
    }
    
    .gred strong {
    	background: Salmon;
    }
    
    .ggreen {
   	border-color: LawnGreen;
    }
    
    .ggreen strong {
    	background: LawnGreen;
    }



.unknown {
	background-color: #FFB89C;
}



/* used for kanji quizzes that have the kanji in giant, what blocks */
.quizkanji {
	padding: 5px;
	margin: 2px;
	text-align: center;
	vertical-align: middle;	
}

.quizkanji {
	font-size: 50pt;
}

.quizkanji_comp {
	font-size: 36pt;
}

.quizkanji_res {
	padding: 3px;
	margin: 2px;
	font-size: 26px;
	text-align: center;
	vertical-align: middle;
}
.quizdrop {
	font-size: 50pt;
	text-align: center;
	padding: 10px;
	margin: 2px;
}
/* end kanji quiz blocks */

/* header / footer */


 .prodiv div, .prodiv a {
	color: white;
}

/* this is the piece above the tabs that contains the actual links */

.nav_box div {
	color: #296394;
}


/*
#bodydiv {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
	z-index: 2;

}



body {
	font-family: 'Arial', 'Helvetica', sans-serif;
	text-align: center;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-image: url(http://img.renshuu.org/bg/bg_wrapper_crosshatch_blue.png);
}
*/

form {
	margin: 0;
}

/* end header / footer */



dd.bg_star {
	position: relative;
	display: block;
	width: 90px;
	height: 19px;
	background: url("http://img.renshuu.org/ratings_base.png");
}
* html dd {
	float: none;
}
dd.bg_star div {
	position: relative;
	background: url("http://img.renshuu.org/ratings_color.png");
	height: 19px;
	text-align: right;
	overflow: hidden;
}

.sst {
	font-size: 6pt;
}

/* for the rating selector */
.rating_box *
{
	list-style:none;
	padding: 0;
	margin: 0;
}

ul.rating{
background:url(http://img.renshuu.org/rating_star.png) bottom;
height:21px;
width:115px;
overflow:hidden;
}

ul.rating li{
display:inline
}

.rating span {
display:block;
width:23px;
height:21px;
float:left;
text-indent:-9999px;
position:relative;
}

span.rating_stick, .rating span:hover {
background:url(http://img.renshuu.org/rating_star.png) center;
width:115px;
margin-left:-92px;
position:static;
}

.rating span:active {
background-position:top;
}

.lessondiv {
	overflow: scroll;
	height:180px;
}

.lessondiv tr td {
	vertical-align: top;
}


#lessonbox {
	width: 100%;
}
#lessonbox tbody tr td, #lessonbox tr td {
	padding-bottom: 10px;
}


/* end select_lesson */

/* term lists */

.textbox {
	margin: 1px 1px;
	padding: 4px 3px;
	clear: left;
}


ul.reibun {
	margin: 0;
	line-height: 130%;
}
ul.reibun li {
	font-size: 11pt;
}

.greyrow td {
	color: grey;
}

.k1list tr th, .k2list tr th, .k3list tr th, .k4list tr th, .k5list tr th
{
	text-align: center;
	font-weight: normal;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

.k1list tr th { font-size: 11pt; }
.k2list tr th { font-size: 12pt; }
.k3list tr th { font-size: 13pt; }
.k4list tr th { font-size: 14pt; }
.k5list tr th { font-size: 18pt; }


.k1list tr td, .k2list tr td, .k3list tr td, .k4list tr td, .k5list tr td
{
	text-align: center;
	padding-top: 0;
	margin-top: 0;
}

.k1list tr td { font-size: 20pt; }
.k2list tr td { font-size: 26pt; }
.k3list tr td { font-size: 35pt; }
.k4list tr td { font-size: 42pt; }
.k5list tr td { font-size: 50pt; }

.klist tr td {
	font-size: 28pt;
	text-align: center;
}

.bklist tr th {
	font-size: 18pt;
	text-align: center;
	font-weight: normal;
}
.bklist tr td {
	font-size: 50pt;
	text-align: center;
}

.bklist {
	margin: 0 auto;
}

/* end term lists */

/* global stuff */

sup {
	text-decoration: none;
	vertical-align: super;
}

sub {
	vertical-align: sub;
}





.nlnk {
	cursor: pointer;
	text-decoration: none;
	margin: 0 3px 0 3px;
	padding: 1px 2px 1px 2px;
}

H1 {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

P {
	margin: 4px 2px 4px 2px;
}



.fslabel {
	width: 15%;
	padding: 0px 0px 5px 0px;
}

.finput, .fsinput {
	float: right;
	text-align: left;
	
}

.finput {
	width: 72%;
	padding: 0px 0px 10px 0px;
}

.fsinput {
	width: 82%;
	padding: 0px 0px 5px 0px;
}


.title {
	font-size:20px;
	margin: 5px 0 5px 0;
}



.indent {
	margin-left: 10px;
}

.dindent {
	margin-left: 20px;
}

.padd * {
	padding: 2px;
}


.lbox {
	padding: 5px;
}









/* div constructs */



#msgbox
{
	text-align: left;
	margin: 5px 30px 15px 30px;
}

#msgboxtext
{
	padding: 10px;
}

/* end div constructs */

/* quiz/select_lesson */

.togglebutton
{
	color: #aaa;
	text-decoration: none;
	font-size: 20px;
	margin: 0 3px 0 3px;
	padding: 1px 2px 1px 2px;
	text-align:center;
}

a.togglebutton
{
	display: block;
}

.downbutton, .togglebutton:hover
{
	color: black;
}
/* end quiz/select_lesson */
/* quiz/run_quiz */

.hterm
{
	background-image:url(http://img.renshuu.org/translucent.png);
}

.correctbox
{
	background-image:url(http://img.renshuu.org/bg/tile_correct.gif);
}

.wrongbox
{
	background-image:url(http://img.renshuu.org/bg/tile_wrong.gif);
}

/* end quiz/run_quiz */

/* quiz/schedule_settings (liquid) */

.padtable tr td
{
	padding: 1px 2px 1px 2px;
}




 /* top nav bar */
/*
.menu_sub a
{
	margin-top: 1pt;
	text-decoration: none;
}
.menu_sub a:hover
{
	text-decoration: underline;
}

*/

/* end top nav bar */

/* everything below is dynamic on the color */



.greeninfo
{
	padding: 3px;
	background-image:url(http://img.renshuu.org/bg/tile_correct.gif);
	border: 1px solid green;
}

.redinfo
{
	padding: 3px;
	background-image:url(http://img.renshuu.org/bg/tile_wrong.gif);
	border: 1px solid red;
}


.message_user
{
	width: 86px; 
	padding: 3px;
	border: 1px solid #99ccff;
	background-color: white;
}







.midbox
{
	border: 1px solid #99ccff;
	padding: 3px;
	background-image:url(http://img.renshuu.org/bg/tile_back_alt.gif)
}


.pageheadtab {
	border: 1px solid #99ccff;
	background-color: white;
	
	border-bottom-width: 0px;
	padding: 1px 4px 1px 4px;
	margin: 4px 5px 0 5px;	
}

.pageheadtab, .pageheadtab *, .pagefoottab, .pagefoottab *
{
	cursor: pointer;
	text-decoration: none;
}

.pagefoottab {
	border: 1px solid #99ccff;
	background-color: white;
	
	border-top-width: 0px;
	padding: 1px 4px 1px 4px;
	margin: 0px 5px 4px 5px;	
}


/* div constructs */

.innerborder
{
	border: 1px solid #962f64;
	padding: 1px;
	background-color: white;
	text-align:left;
}




/* end div constructs */

/* header/footer */




a
{
	padding: 0;
	color: #17467e;
	text-decoration: none;
}




.gtable tr td {
	padding: 0px;
	white-space:nowrap;
}

.quizopt {
	float: left;
	text-align: left;
	margin: 7px 30px 0 0;
}

/* grammar/individual */
.g_wordbox {
	border: 1px dashed black; 
	padding: 2px 4px 2px 4px;  
	margin: 2px; 
	font-size:16px;
	float: left;
	text-align: left;
}

.g_model, .g_model_c, .g_model_w {
	margin-left: 6px;
	margin-top: 4px;
}

.g_model div, .g_model_c, .g_model_w {
	font-size: 12pt; 
	margin-bottom: 12px;
}

.g_model_c, .g_word_c {
	background-image: url(http://img.renshuu.org/correct_icon_tile.gif);
}

.g_model_w, .g_word_w {
	background-image: url(http://img.renshuu.org/wrong_icon_tile.gif);
}

.g_advlist {
	border-width: 1px 0 1px 0; 
	font-size:13pt; 
	background-color:white;
	border-color: #99ccff;
	border-style:solid;
	margin-bottom: 10px;
}

/* graphs on the liquid main page */

  .vertgraph, .vertgraph_half {                    

        position: relative; 
      	
    }
    .vertgraph ul, .vertgraph_half ul { 
        width: 16px; 
        margin: 0; 
        padding: 0; 
    }
    
    .vertgraph ul, .vertgraph ul li {
    	height: 100px;
    }
    
    .vertgraph_half ul, .vertgraph_half ul li{
    	height: 50px;
    }
    
    .vertgraph ul li, .vertgraph_half ul li {  
        position: absolute; 
        width: 16px; 
        
        padding: 0 !important; 
        margin: 0 !important; 
 		list-style-type: none;
        line-height: 2.5em;
    }
    
    .vertgraph ul li.grn  {
    	background-color: LawnGreen;
    	bottom: 50px;
    }
    
    .vertgraph ul li.rd {
    	background-color: Salmon;
    	top: 50px; 
    }
    
    .vertgraph_half ul li.rd {
    	background-color: #336699;
    	bottom: 0px; 
    }
    
    .vertgraph_half_title {
    	color: #17467e;
    }
    

/* put the left rounded edge on the track */
#track1-left, #track2-left, #track3-left {
	position: absolute;
	width: 5px;
	height: 9px;
	background: transparent url(http://img.renshuu.org/form/slider-images-track-left.png) no-repeat top left;
}

/* put the track and the right rounded edge on the track */
#track1, #track2, #track3 {
	background: transparent url(http://img.renshuu.org/form/slider-images-track-right.png) no-repeat top right;
}

.boxtitle {
	font-weight: bold; 
	font-size:12pt; 
	margin: 10px 0 5px 5px
}	

.newstitle {
	font-weight: bold; 
	font-size:14pt; 
	margin: 20px 0 5px 5px
}	

.em {
	font-style: italic;
}

#soundbox {
	position: absolute;
	left: -200px;
	top: 0px;
}

.star {
	position: absolute;
	top: 0; 
	left: 0; 
	overflow: hidden; 
	height: 10px; 
	z-index: 2;
}

.starb {
	position: absolute;
	top: 0;
	left: 0; 
	width: 50px; 
	height: 10px;
	color: gray;
}

.ac_table tbody tr td, .sac_table tbody tr td {
	border: 1px solid #99ccff;
	background-color: white;
	padding: 2px;
	width: 54px;
	height: 54px;
	text-align: center;
}

.ac_table tbody tr td {
	width: 54px;
	height: 54px;
}

.sac_table tbody tr td {
	width: 40px;
	height: 40px;
}
.sac_table tbody tr td img {
	width: 36px;
	height: 36px;
}
.highlight_drop {
	border: 1px dashed black;
	background-color: white;
	padding: 3px;
}



.message_user {
	vertical-align: top;
}

h2 {
font-size: 200%;
font-weight: bolder;
margin: 14px 0 14px 0;
}

#features_pitch h2 {
	font-size: 150%;
}

h3 {
font-weight: bold;
margin: 14px 0 14px 0;
font-size: 150%;
}

ul.reg {
	margin: 10px 0 10px 0;
	list-style-type: disc;
	overflow: visible;
}

ol.reg {
	margin: 10px 0 10px 0;
	list-style-type: decimal;
	overflow: visible;
}


ul.reg li, ol.reg li {
	margin-left: 20px;
	overflow: visible;
}

/* pro features page */

.stdbox div.prof{
	margin-top:5px;
	margin-bottom:5px;}

.stdbox div.first_row{
	margin-top:15px;
	margin-bottom:5px;
}


span.has_feature_descrip {
	border-bottom: 1px dotted #000; 
}
span.has_feature_descrip:hover {
	text-decoration: none; 
	background: #ffffff; 
	z-index: 30; 
	cursor:help;
}
span.has_feature_descrip span {
	position: absolute;
	left: -9999px;
	width:320px;
	margin: 22px 0 0 0; 
	padding: 5px;
	border-style:solid; 
	border-color:black; 
	border-width:1px; 
	z-index: 30;
	font-size:10pt;
	font-weight:normal;
}
span.has_feature_descrip:hover span {
	left: 33px; 
	background: #ffffff;
} 
 
 /* tour page */
 
 #personal_tourtab,
#mastery_tourtab,
#qmode_tourtab,
#records_tourtab,
#res_tourtab,
#pro_tourtab {
	 padding-right: 10px;
	 padding-left:10px;
	 font-size: 13pt;
}

#personal_tourtabinner,
#mastery_tourtabinner,
#qmode_tourtabinner,
#records_tourtabinner,

#res_tourtabinner,
#pro_tourtabinner {
	padding: 15px;
}

.greyLineBreak{
	height: 1px; 
	line-height:1px;
	font-size:1px;
	margin-bottom: 5px; 
	background-color:LightGrey;
}

.column1 {
	padding-right:2%; 
	padding-bottom:15px;
	font-size: 10pt;
	text-align:justify;
}

.column2{
	 border-left:1px solid LightGrey; 
	 padding-left:2%; 
	 padding-bottom:15px; 
	 font-size: 10pt; 
	 text-align:justify;
}

.correct_reibun {
	background-image: url(http://img.renshuu.org/correct_icon_tile.gif);
}/*
#wrapper {

	margin:0 auto;
	width:960px;
	min-height:600px;
	border-width:2px;
	border-style:solid;
	border-top:none;
	padding:5px 15px;
}

body {

	background: #afc8e1;
}

#wrapper {
	border-color: #006;
	background:url(http://img.renshuu.org/bg/bg_wrapper_crosshatch_blue.png);
}

*/

.utab, .tab, .ctab {
	border: 1px solid #99ccff;
	z-index:10;
	background-color: white;
	padding: 3px;
	font-weight: bold;
	
}

.utab {
	border-color: #04294f;
	border-bottom: 2px solid white;
	padding: 4px 6px 9px 6px;
	color: #296394;
}

.utab, .utab_off {
	margin: 13px 0px -1px 10px;
	
	position: relative;
	font-size: 11pt;
	
}

.utab_off {
	padding: 4px 6px 4px 6px;
	margin: 20px 0px -1px 10px;
	color: #6697c6;
	border-color: #4a6d8f;
}



.tab {
	border-bottom: 1px solid white;
	position: relative;
}

.tab, .tab_off, .ctab, .ctab_off {
	margin: 0 5px -1px 5px;
}

.tab_off, .ctab_off  {
	border-bottom-width: 0px;
	padding: 3px;
	/*margin: 4px 5px 0 5px;	*/
}

.ctab {
		background-image:url(http://img.renshuu.org/bg/tile_back_alt.gif);
		position: relative;
		border-bottom-width: 0;
}



.utab_off, .tab_off, .ctab_off {
	border: 1px solid #99ccff;
	background-color: #ebebe9;
	
	cursor: pointer;
	text-decoration: none;
	
}

.tab_off:hover, .utab_off:hover, .ctab_off:hover
{
	text-decoration: underline;
}

.fright {
	float: right;
	text-align: right;
}
.fleft {
	float: left;
	text-align: left;
}


.frow {
	clear: both;
}
.flabel, .fslabel {
	float: left;
	text-align: left;	
}

.flabel {
	width: 25%;
	padding: 0px 0px 10px 0px;
}	

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.rhidden {
	display: none;
}


/* Tooltip */

#ttip, #stip, .sub_tip, .sub_tip_blank
{
	position:absolute;
	z-index:1010;
	left:0px;
	top:0px;
	visibility:hidden;
	padding: 0;
	text-align:left;
	max-width: 800px;
	font-size: 80%;
}

.sub_tip_blank
{
	font-size: 100%;
}

#ttip, #stip, .sub_tip {
	background-color: #FFFFFF;
}
 
#ttip_inner, #stip_inner {
	padding:3px;
}


/* end tool tip */


.dictbox, .ikebox, .helpbox {
opacity: 0.3; /* Safari, Opera */
-moz-opacity:0.30; /* FireFox */
filter: alpha(opacity=30); /* IE */

}

.dictbox:hover, .ikebox:hover, .helpbox:hover {
opacity: 1.0; /* Safari, Opera */
-moz-opacity:1.0; /* FireFox */
filter: alpha(opacity=100); /* IE */

}

.dictbox, .ikebox, .helpbox {
	position: fixed;
	
	padding: 0px;
	height: 36px;
	
	z-index: 16;
	
	
	border: 2px solid #04294f;
	border-right-width: 0;
	background-color: white;
	
	background-position: left;
	background-repeat: no-repeat;
	font-size: 70%;

}

.dictbox {
	top: 96px;
	width: 31px;
	cursor: pointer;
	background-image: url(http://img.renshuu.org/icns/dict.png);
	background-position: center;
}

.helpbox {
	top: 138px;
	width: 31px;
	cursor: pointer;
	background-image: url(http://img.renshuu.org/icns/helpbox.png);
	background-position: center;
}

.dictbox, .helpbox, .dictbox:hover, .helpbox:hover, .ikebox:hover {
	right: 0px;
	cursor: pointer;
}




.ikebox {
	top: 180px;
	width: 400px;
	padding-left: 30px;
	background-image: url(http://img.renshuu.org/icns/ike.png);
	text-align: right;
	right: -399px;
}



.tlnk {
	cursor: pointer;
	/*text-decoration: underline;*/
	color: #17467e;
}

.tlnk:hover {
	text-decoration: underline;
}

.lnk {
	cursor: pointer;
}

.clear, .pagehead {
	clear: both;
}
.bold {
	font-weight: bold;
}

.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

/* pop up form boxes */
.cbutton
{
	font-size: 20px;
	background-color: #17467e;
	border: 1px solid #99ccff;
	border-width: 0 0 1px 1px;
	text-decoration: none;
	padding: 2px;
	margin: 0 0 0 2px;
	color: white;
}

.red {
	color:red;
}
.im {
	vertical-align: middle;
	border-width: 0;
}

.green {
	color:green;
}

/* dictionary */

.radtable tbody tr td input {
	display: block;
}

.klook {
	cursor: pointer;
}




#searchlink {
	border-top-width: 0px;
	margin: 0 5px 0 0;
	float: right;
}

.dictkanji {
	padding: 2px;
	font-size:26px;
}

/* end dictionary */

	.darkenBackground {
background-color: rgb(0, 0, 0);
opacity: 0.3; /* Safari, Opera */
-moz-opacity:0.30; /* FireFox */
filter: alpha(opacity=30); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
right: 0px;
}

.ltitle, .ltitle * {
	font-size: 11px;
}
.little, .little option {
	font-size: 10px;
}
/*
.user_bar
{
	border-color: #99ccff;
	border-style: solid;
	background-color: white;
	padding: 4px 7px 4px 7px;
	margin-bottom: 8px;
	text-align:left;
	height: 22px;
	border-width: 1px;
	line-height: 22px;
}

.menu_sub 
{
	border-color: #04294f;
	border-style: solid;
	border-width: 2px;
	background-color: white;
	border-left-width: 0;
	padding: 0px 3px 0px 7px;
	height: 36px;
	text-align:left;
	clear: both;
	position: absolute; 
	width: 820px;  
	top: 44px; 
	left: -2px;
	font-size: 11pt;
	line-height: 36px;
}

.menu_sub a {
	padding: 8px 0 8px 0;
}


*/

 .stdbox
{
	border: 1px solid #99ccff;
		background-color: white;
	padding: 3px;
}
/*
.headdivinner
{
	background-image: url(http://img.renshuu.org/bg/tile_mizu.gif);
	padding: 6px 0 6px 0;
	height: 118px;
}

#logo_box
{

	padding: 2px;
	
	text-align:left;
	clear: both;
	
}


#logo{
	float:left;
	position:relative;
	border-width:3px;
	border-style:solid;
	padding:3px;
	background:#FFF;
	border-color:#072952;
}

#logo img{
	border-width:3px;
	border-style:solid;
		border-color:#6990bf;
	background:#2f6295;	
}
*/

.prodiv
{
	border: 1px solid #17467e;
	padding: 1px 1px 1px 1px;
	background-color: white;
	text-align:left;
	clear: both;
	margin-right: 5px;
}

.prodivinner
{
	background-image: url(http://img.renshuu.org/bg/tile_mizu.gif);
	padding: 6px 3px 6px 3px;
	height: 38px;
}

.outerborder, .stdbox, .pagehead
{
	border: 1px solid #99ccff;
}


.midback, .pagehead
{
	background-image:url(http://img.renshuu.org/bg/tile_back_alt.gif)
}
.pagehead {
	padding: 2px 4px 2px 4px;
}

.innerbody, .stdbox {
	background-color: white;
	padding: 3px;
}

.innertitle {
	background-color: #17467e;
	color: white;
	padding: 1px 0 1px 2px;
	border-bottom-color:#99ccff;
	border-bottom-style: solid; 
	border-bottom-width: 1px; 

}



.grey {
	color: grey;
}

.shadow {
  -moz-box-shadow:    6px 6px 3px 3px #ccc;
  -webkit-box-shadow: 6px 6px 5px 3px #ccc;
  box-shadow:         6px 6px 5px 3px #ccc;
}


@charset "utf-8";
/* CSS Document */

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
 ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	/* vertical-align: baseline;  alter - this doesn't appear to affect your design, but makes the rest of the site go crazy */
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	margin: 0; /* alter for safari - had some weird issues in the forums where it was reading css declarations out of order; this helped push margin:0 to the top */
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

html {
	height:100%;
}

body {
	/* Other attributes in colors_bgs_###.css files 
	background-image:url(http://img.renshuu.org/new_g/bg_body_gradient_35p.png), url(http://img.renshuu.org/new_g/bg_body_bamboo.png);
	background-position:0 0, -200px 0;
	background-repeat:repeat, repeat-y;*/
	background-image:url(http://img.renshuu.org/new_g/bg_body_gradient_35p.png);
	background-position:0 0;
	background-repeat:repeat;	
	height:100%;
	line-height:1.3;
	font-family:Verdana, Geneva, sans-serif;
	margin: 0; /* alter for safari - had some weird issues in the forums where it was reading css declarations out of order; this helped push margin:0 to the top */
}

#wrapper {
	/* Other attributes in colors_bgs_###.css files */
	position:relative;
	margin:0 auto;
	width:930px;
	min-height:100%;
	border-width:1px;
	border-style:solid;
	border-top:none;
	/* alter border-bottom:none;*/
	padding:0 15px;
	overflow:hidden;
}


/* HEADER - includes logo and main navigation tabs */
#renheader{
	position:relative;
	height:126px;
}

h1#site_title{
	position:absolute;
	left:-9000px;
	line-height:0;
	height:0;
}






/* USERBAR */
#userbar_box{
	position:absolute;
	top:0;
	right:15px;
	height:30px;
	z-index: 2;
}

#messages_alerts{
	float:right;
	min-width:36px;
	height:30px;
	margin-left:10px;
	border-width:1px;
	border-style:solid;
	border-top-width:0;
	padding:0;
	background-color:#FFF;
	background-position:5px 7px;
	background-repeat:no-repeat;
	font-size:80%;
	text-decoration:none;
	color:#000;
}
#messages_alerts span{
	display:block;
	padding:7px 5px 3px 23px;
	}

/* alter - added probar */
#userbar, #probar{
	/* Other attributes in colors_bgs_###.css files */
	float:right;
	position:relative;
	min-width:188px; /* should be determined by contents */
	height:30px;
	border-width:1px;
	border-style:solid;
	border-top-width:0;
	background:#FFF;
	padding:0;
	font-size:80%;	
}

#probar {
		padding: 0 4px 0 4px;
}
	

#userbar li{
	cursor:pointer;
	float:left;
	list-style-type:none;
	margin:6px 4px 0 4px;
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0;
}

#userbar li a{
	min-height:16px;
	min-width:16px;
	text-decoration:none;
	background-repeat:no-repeat;
}

/* altered add extra lines to userbar li's for an additional me-only icon */
/* to show only the desired portion */
#userbar li#advanced_settings{background-image:url(http://img.renshuu.org/new_g/bg_userbar_advanced_settings.png);}
#userbar li#chart_bar{background-image:url(http://img.renshuu.org/new_g/bg_userbar_chart_bar.png);}
#userbar li#log_out{ background-image:url(http://img.renshuu.org/new_g/bg_userbar_door_in.png)}
#userbar li#admin{ background-image:url(http://img.renshuu.org/ic/lock.png)} 
#userbar li#mobile_dict{ background-image:url(http://img.renshuu.org/icns/mdict.png)} 
#userbar li#mobile_help{ background-image:url(http://img.renshuu.org/icns/mhelp.png)} 


#userbar li#advanced_settings a,
#userbar li#chart_bar a,
#userbar li#admin a,
#userbar li#log_out a,
#userbar li#mobile_help a,
#userbar li#mobile_dict a{
	display:block;
	padding:0;
}

#userbar li#advanced_settings a span,
#userbar li#chart_bar a span,
#userbar li#admin a span,
#userbar li#mobile_dict a span,
#userbar li#mobile_help a span,
#userbar li#log_out a span{
	position:absolute;
	left:-10000px;
	top:auto;
	overflow:hidden;
}

#userbar li#suki{
	margin-left:-3px;
	padding-left:0;
}



/* MAIN NAVIGATION TABS */

#main_nav_tabs_box{
	position:absolute;
	right:0;
	bottom:0;
	border-width:2px;
	border-style:solid;
	border-left-width:0;
	background-color:#FFF;
}

/* top-level-menu UL  */
#renmain_menu {
	position:relative;
	top:-31px;
	width:771px;
	margin-bottom:30px;
	padding-left:30px;
	
}

/* top-level-menu LIs */
#renmain_menu li {
	cursor:pointer;
	float:left;
	list-style-type:none;
	margin-right:20px;	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	padding:0;
}

/* top-level-menu anchors */
#renmain_menu li a {
	text-decoration:none;
	display:block;
	padding:0 10px;
	height:27px;
	line-height:27px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	border-width: 2px;
	border-style:solid;
	text-align:center;
}

/* top-level anchors:hover and stuff */
#renmain_menu li a:hover,
#renmain_menu li a:focus,
#renmain_menu li a:active {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	-khtml-border-top-right-radius: 10px;	
	}

/* first-sub-menu UL */
#renmain_menu li ul {
	cursor:default;
	position:absolute;
	top:26px;
	left:0;
	width:785px;
	height:auto;
	margin:5px 0 0;
	padding:7px 0 0;
	font-size:80%;
	z-index:-10;
}
/* first-sub-menu LIs */
#renmain_menu li ul li {
	position:relative;
	display:inline;
	float:left;
	width:auto;
	margin:0;
	border:none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	padding:0;
	z-index:-10;
}

/* first-sub-menu anchors */
#renmain_menu li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	display:inline;
	line-height:18px;
	height:18px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-width:0;
	border-left-width:1px;
	border-left-style:solid;
	padding:0 15px;
}

#renmain_menu li ul li:first-child a{
	border-left-width:0;
}

/* first-sub-menu anchors:hover and stuff */
#renmain_menu li ul li a:hover,
#renmain_menu li ul li a:focus,
#renmain_menu li ul li a:active {
	z-index:10;
	background:transparent;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	text-decoration:underline;
}


/* first-sub-menu UL LI additional links*/
#renmain_menu li ul li span{
	padding:0 10px 0 0;
	color:#999;

}


#renmain_menu li ul li span a{
	display:inline;	
	position:relative;
	margin:0 0 0 5px;
	padding:0 0 0 5px;
}

#renmain_menu li ul li span a:first-child{
	margin-left:0;
	border-left-width: 0;	
	padding-left:0;
}








/* position and z-index for selected / active tab */
#renmain_menu li.active_tab ul {
	z-index:10;
}

/* position and z-index for first-sub-menu when other tabs are hovered*/
#renmain_menu li:hover ul {
	z-index:20;
}


/*alter - added code for the To_go tab, which has right-alinged links */
/* float last menu item right (currently the 'help' tab) sub-menu needs value to position */
#renmain_menu li#help_tab{
	float:right;	
}

#renmain_menu li#help_tab ul, #renmain_menu li#togo_tab ul{

}

#renmain_menu li#help_tab ul li {
	left:300px; /* DECREASE this value to make room for additional links in the help menu */
}

 #renmain_menu li#togo_tab ul li {
	left: 300px;
}


/* hide deeper menus for now */
#renmain_menu li ul li ul,
#renmain_menu li ul li ul li,
#renmain_menu li ul li ul li ul,
#renmain_menu li ul li ul li ul li {
	display:none;
}






/* CONTENT */

/* altered - added landing class for landing/homepage specific stuff on #content
	added the font-size changes to make it play well with rest of site */

#content{
	clear:both;
	
	padding-bottom:60px;
	font-size: 75%;
}


body.landing #content{
	float:left; 
	margin-top:20px;
	font-size: 100%;
}






/* FOOTER */

#footer{
	clear:both;
	position:absolute;
	bottom:0;
	left:15px;
	width:930px;
	margin:10px 0;
	border-width:1px;
	border-style:solid;
	border-right:none;
	border-left:none;
	padding:10px 0;
	font-size:70%;
}

#footer ul{
	text-align:center;
}

#footer ul li{ 
	display:inline;
	margin-left:8px;
}

#footer ul li:before {
	content:'\2022'; 
	margin-right:10px;
}

#footer ul li:first-child:before {content:'';}

#footer ul li a{
	text-decoration:none;
}

#footer ul li a:hover{
	text-decoration:none;
}

/* CLASSES */

.new_message,
.red_border{
	border-color:#F00;
}

.new_message{
	background-image:url(http://img.renshuu.org/new_g/bg_userbar_email_open.png);	
}


/* for screen readers */
.for_text_read {
	position: absolute;
	left: -9000px;
}



/* end import */

.no_new{
	background-image:url(http://img.renshuu.org/icns/email_off.png);	
	border-color: #99CCFF;
}



#probar_box {
	position:absolute;
	top:0;
	left:170px;
	height:30px;
	line-height:30px;
	z-index: 2;
}

td {
	vertical-align: middle;
	padding: 1px;
}

th {
	padding-right: 5px;
}

.high_q {
	font-size: 130%;
	font-weight: bold;
	color: blue
}

/* Add a dashed underline to acronyms. */
span.acronym { border-bottom:1px dashed green; }
span.acronym:hover { color: green; border-bottom:1px dashed lightgreen; }

/* Make spoilers invisible, so that you need to select them with the mouse. */
span.spoiler { background-color: black; color: black; }

/* Align columns to the top, and add some space between them. */
table.bbcode_columns { border-collapse: collapse;
    margin-top: 1em; margin-bottom: 1em; }
table.bbcode_columns td.bbcode_column { padding: 0 1em; vertical-align: top;}
table.bbcode_columns td.bbcode_firstcolumn { border-left: 0; padding-left: 0; }

/* Wrap quotes in a big blue box. */
div.bbcode_quote_head {
	font-weight: bold;
	margin-bottom: 3px;
}

div.bbcode_quote_footer {
	font-weight: bold;
	text-align: right;
}

div.bbcode_quote_body { 
 border: 1px solid #99ccff;
 border-width: 1px;
 
 background-image:url(http://img.renshuu.org/bg/tile_back_alt.gif);
 padding: 3px;
}

div.bbcode_quote {
	margin: 5px 0 5px 0;
}
/*

/* Wrap code in a big blue box. */
div.bbcode_code { border: 1px solid blue; margin: 0.5em 0; }
div.bbcode_code_head { background-color: blue; color: white;
    font-weight: bold; padding: 0.25em 0.5em; }
div.bbcode_code_body { background-color: skyblue; color: black;
    font: 10pt monospace; padding: 0.5em 1em; }
    
input[type="checkbox"] {
    vertical-align:  middle;
} 

.message_inner {
	overflow-x: auto;
	max-width: 827px;
}


.button {
border: 1px solid #ccc;
margin: 1px;
padding: 2px;
}

.sbutton {
	margin: 1px;
	border: 1px solid white;
	padding: 0px;
	height: 13px;
	width: 13px;
}

code {
	font-size: 10pt;
}

.button:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
}

.ed {
width: 400px;
height: 150px;
}

.post_scroll {
	max-height: 100px;
}

.search_term {
	background-color:#BFDDFF;
}

#kquiz_settings_box {
	overflow: auto;
}@charset "utf-8";
/* DEFAULT COLOR SCHEME */

body {
	/* background: url(images_global/bg_body_253f5f.png); *** TOO DARK? **
	Below is CSS to create gradient.  Displays poorly when window is resized.
	For now we'll use a single semi-transparent png overlaying a solid bg color.
   background: #008800;
    /* Mozilla 
    background: -moz-linear-gradient(top, #00FF00, #000000);
    Chrome, Safari
    background: -webkit-gradient(linear,
                left top, left bottom, from(#00FF00), to(#000000));
    MSIE
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#00FF00', EndColorStr='#000000', GradientType=0);
	*/
	background-color: #afc8e1;
  }


#wrapper {
	border-color: #072952;
	background:url(http://img.renshuu.org/new/bg_wrapper_crosshatch_blue.png) 0 0 repeat;
	background-color:#EEF;
}

#logo{ 
	border-color:#072952;
	}

#logo img{
	border-color:#6990bf;
	background:#2f6295;	
	}

#messages_alerts .no_new,
#userbar,
#probar{
	border-color: #9CF;
}


/* MAIN NAVIGATION TABS */




#main_nav_tabs_box{
	border-color:#072952 !important; /* MUST MATCH #renmain_menu li.current_menu_item border-color value BELOW */
}




/* top-level-menu LIs */
#renmain_menu li {
}

#renmain_menu li.active_tab a {
	border-color: #072952; /* MUST MATCH #main_nav_tabs_box border-color value ABOVE */
	border-bottom-color:#FFF;
	background-color:#FFF;
}

/* top-level-menu anchors */
#renmain_menu li a {
	border-color:#3A5C85;
	border-bottom-color:#072952;
	background-color:#DCDCEC;
	color:#777;
}

/* top-level anchors:hover and stuff */
#renmain_menu li a:hover,
#renmain_menu li a:focus,
#renmain_menu li a:active {
	border-color: #072952;
	border-bottom-color:#FFF;
	background-color:#FFF;
	color:#333
}

/* first-sub-menu UL */
#renmain_menu li ul {
	background-color:#FFF;
}

/* first-sub-menu LIs */
#renmain_menu li ul li {
	/*background:#FFF !important;	 MUST MATCH SUB-MENU ANCHOR HOVER BORDER BOTTOM COLOR BELOW */
}

/* first-sub-menu anchors */
#renmain_menu li ul li a,
#renmain_menu li.active_tab ul li a {
	border-left-color:#CCC;
	background-color:#FFF;
	color:#999;
}


/* first-sub-menu UL LI additional links*/
#renmain_menu li ul li span a {
	border-left-color:#DDD;
}



/* first-sub-menu anchors:hover and stuff */
#renmain_menu li ul li a:hover,
#renmain_menu li ul li a:focus,
#renmain_menu li ul li a:active {
	border-left-color:#CCC;
	background-color:#FFF;
}

#renmain_menu li.active_tab ul li a:hover{
	color:#333;
}

/* first-sub-menu UL LI additional links anchors: hover and stuff */
#renmain_menu li ul li span a:hover,
#renmain_menu li ul li span a:focus,
#renmain_menu li ul li span a:active{
	border-left-color:#DDD;
}




#footer{
	border-color:#9CF;
	background:rgb( 220, 220, 240);
	background:rgba( 220, 220, 240, 0.5);
}

#footer ul{}

#footer ul li{}

#footer ul li:before {
	color:#AAA;
}

#footer ul li a{
	color:#69C;
}

#footer ul li a:hover{
	color:#248;
}



/* HOME PAGE SPECIFIC IDs*/
#main_pitch{
	
	border-color:#4a7fbf;
}

#userbar, #probar{
	/* Other attributes in colors_bgs_###.css files */
	float:left;
	position:relative;
	min-width:30px; /* should be determined by contents */
	height: 29px;
}

#userbar_box{
	position:absolute;
	top:0;
	right:5px;
	min-height:29px;
	height: auto;
	z-index: 2;
}

#messages_alerts{
	height:29px;
}

#fmenu div{

	height:30px;
	vertical-align: middle;
	line-height: 29px;
	border-width: 0 1px 1px 0;
	padding: 0 3px 0 3px;
}

#fmenu, #dmenu
{
	border: 0 solid #336699;
	
	padding: 0 0 3px 0;
}

#dmenu div{

	height:30px;
	vertical-align: middle;
	line-height: 29px;
	border-width: 0 0 1px 1px;
	padding: 0 3px 0 3px;
}

#logo{
	position:relative;
	top:0;
	width:50px;
	height:32px;
	margin: 0 auto;
	border: 0 solid #336699;	
	border-bottom-width: 3px;
	padding: 0 0 3px 0;
}

#logo div{
	width:50px;
	height:29px;
	border-width:0px;
	border-style:solid;
	padding:0px;
	background:#FFF;
}

#logo img{
	width:50px;
	height:29px;
	border-width:0;
}

#probar_box {
	position:absolute;
	top:0;
	left:70px;
	height:30px;
	line-height:30px;
}

#footer{
	clear:both;
	position:absolute;
bottom: 0;
left: 0;
	width:100%;
	margin:10px 0;
	border-width:1px;
	border-style:solid;
	border-right:none;
	border-left:none;
	padding:10px 0;
	font-size:70%;
	text-align: center;
}

#footer span {
	padding: 0 10px 0 0;
}

#renheader{
	height:35px;
}

#userbar li a{
	min-height:24px;
	min-width:24px;
	line-height: 29px;
	text-decoration:none;
	background-repeat:no-repeat;
	margin: auto 0;
}

#wrapper {
	width: 100%;
	padding: 0;
}

#content {
	/*padding: 0 15px 0 15px;*/
}




#userbar li{
	margin:3px 8px 0 8px;
}

#userbar li#advanced_settings{background-image:url(http://img.renshuu.org/icns/mobile/advancedsettings.png);}
#userbar li#log_out{ background-image:url(http://img.renshuu.org/icns/mobile/door_in.png)}

#lhelpbox {
	position:static;
	width:100%;
	z-index: 100;
	top: auto; 
	right: auto;
	margin-bottom: 50px;
}

#lhelpbox {
	position:fixed;
	width:650px;
	z-index: 100;
	top: 20px; 
	right: 0px;
	font-size: 100%;
}


/* used for kanji quizzes that have the kanji in giant, what blocks */

.quizkanji {
	font-size: 30pt;
}

.quizkanji_comp {
	font-size: 22pt;
}

.quizkanji_res {
	padding: 3px;
	margin: 2px;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
}
.quizdrop {
	font-size: 30pt;
	text-align: center;
	padding: 10px;
	margin: 2px;
}

input[type="submit"], input[type="button"]
{
  font-size:11px;
   font-weight:bold;
   color:#000000;
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

/* select_lesson */
dl {
	margin-top: 2px;
	padding: 0;
}
dd {
	position: relative;
	display: block;
	float: left;
	width: 50px;
	height: 10px;
	margin: 0;
	background: url("http://img.renshuu.org/g_colorbar2_small_mob.jpg");
}
* html dd {
	float: none;
}
dd div {
	position: relative;
	background: url("http://img.renshuu.org/g_colorbar_small_mob.jpg");
	height: 10px;
	text-align: right;
	overflow: hidden;
}