@charset "utf-8";

#content{
	width: 845px;
	background: url(../images/container_shadow.png) repeat-y 841px #ffffff;
	min-height:10px;
}

#title{background:url(../../../sababa/images/round_corner.png) no-repeat left top #ffFFFF !important;}
#frame{background-color: #9fa09b;}

.stock_title{
	width: 841px;
	background: url(../images/stock_title.png) ;
}

#content_bottom{
	width: 840px;
}

#green_guide_content{width:816px;margin:25px 17px 0 0;}
#green_guide_content_up{width:816px;height:14px;background:url(../images/blue_bg_up.png) no-repeat;}
#green_guide_content_middle{width:816px;background-color:#d3e5f3;}
#green_guide_content_down{width:816px;height:47px;background:url(../images/blue_bg_down.png) no-repeat; clear:both;}
#green_guide_bg{width:793px;height:484px;background:url(../images/blue&green.png) no-repeat;margin:0 10px 0 0;}

#talkback_bg{width:545px;margin:0 258px 0 0; clear: both;}
#talkback_bg_up{width:545px;height:12px;background:url(../images/talkback_box_up.png) no-repeat; float: right;}
#talkback_bg_middle{width:540px;background:url(../images/talkback_box_pas.png) repeat-y; padding-right: 5px; float: right;}
#talkback_bg_down{width:545px;height:17px;background:url(../images/talkback_box_down.png) no-repeat; float: right;}

#green_guide_left{width:520px;height:460px;float:right;}
#green_guide_left_title{width:195px;height:41px;margin:15px 160px 0 0;}
#green_guide_left_bg{width:497px;height:393px;margin:0 12px 0 0;}

.tab1{background:url(../images/card1_bg.png) no-repeat;}
.tab2{background:url(../images/card2_bg.png) no-repeat;}
.tab3{background:url(../images/card3_bg.png) no-repeat;}
.tab4{background:url(../images/card4_bg.png) no-repeat;}

#green_guide_left_bg_tabs{margin:0 5px 0 0;}
#green_guide_left_bg_tabs div{float:right;width:101px;text-align:center;margin:11px 4px 0 4px;cursor:pointer;}
#green_guide_left_bg_tabs a{color:#FFF;font-weight:bold;font-size:16px;}
#green_guide_left_bg_tabs a:hover{text-decoration:none;}

#tab_content{width:425px;height:240px;margin:47px 30px 0 0;float:right;padding:0 15px 0 0;}
#tab_content p{width:auto;text-align:right;}
#tab_content h1{margin:0;padding:0;font-size:16px;color:#fff;float:right;width:420px; height: 34px; margin:0 0 0 0; line-height: 32px;}

#tab_content div{overflow: hidden; font-size: 15px;}

.tab1 #tab_content div{width:180px;height:180px;float:right; margin: 16px 0 0 0;}
.tab1 #tab_content img{width:210px;height:180px;float:right;margin:16px 20px 0 0;}

.tab2 #tab_content div{width:250px;height:180px;float:right; margin: 25px 0 0 0;}
.tab2 #tab_content img{float:right;margin:25px 20px 0 0;}

.tab3 #tab_content div{width:190px;height:180px;float:right; margin: 16px 0 0 0; font-weight: bold;}
.tab3 #tab_content img{float:right;margin:16px 10px 0 0;}
.tab3 #tab_content div .radio{  margin: -1px  -20px 0 5px; width: 19px; height: 20px; padding: 0; float: right;background: url(../../../sababa/green_guide/images/radio.png) left center; cursor: pointer;} /* input[type='radio'] */
.tab3 #tab_content div .radio.current{background-position: right center;}
.tab3 #tab_content div label{clear: both;font-weight: normal; display: block; padding: 5px 20px 3px 0;}
.tab3 #tab_content #quiz_check_button{margin:6px 0 0 0;}
.tab3 .quiz_feedback{	display: none; 	}	
.tab3 #tab_content .quiz_feedback img{margin: 5px 0  0 0;	}
.tab3 .quiz_feedback#correct{}
.tab3 .quiz_feedback#incorrect{	}

.tab4 #tab_content div{width:180px;height:180px;float:right; margin: 16px 0 0 0;}
.tab4 #tab_content img{width:210px;height:180px;float:right;margin:16px 20px 0 0;}
#tab_content img + i{font-size: 9px; color: #bbb;   float: left;   margin-left: 6px;   font-style: normal;width: 230px;text-align: center; line-height: 12px;}
#tab_content div p
{
	padding: 0;
	margin: 0;
}

#green_guide_navigation{float:right;width:135px;margin: 7px 181px 0 0; text-align: center;}
#green_guide_navigation img{width:20px;height:20px;margin: 0 1px;}
#green_guide_navigation span{margin: 0 2px 0 2px;font-weight:bold;}

#green_guide_right{width:260px;height:460px;float:right;}
#green_guide_right_pics{margin:24px 25px 0 0;width:198px;position:relative;position:relative;}
#green_guide_right_pics div{width:96px;height:82px;float:right;margin:0 0 3px 3px;}
.active_border{position:absolute;top:0;left:0;width:114px;height:90px;z-index:2;display:none;}
#green_guide_right_pics div img{width:96px;height:82px;float:right;}
#green_guide_right_pics  h3{color:#7f7f7e;font-weight:bold;font-size:12px;float:right;margin:-18px 0 0 0;width:96px;text-align:center;}
#green_guide_right_pics a:hover h3{text-decoration:underline; cursor: pointer; color: #000000}

.active_subject{color:#000 !important;}

#talkbackContent{
	width: 486px;

}

.response_title
{
background: #dbee94;
width: 449px;
}

.all_responses_title
{
	color: #ffffff;
}

#talkbackContent #talkback-title a
{
	color: #fce247;
	font-size: 14px;
}

#talkback-title
{
	width: 486px;
}

#talkback-title .share
{
	
}


#talkback-title .addthis_toolbox
{
	color: #90e4fe;
	font-weight: bold;
	float: left;

	width: 280px;
}

#talkback-title .sharebox
{
	margin-top: 3px;
}

#talkback-title .addthis_toolbox span
{
	float: right;
	margin-left: 6px;
	line-height: 24px;
}

#talkback-title .addthis_toolbox a
{
	margin-right: 8px;
}

.response_content 
{
	background: #ffffff;
	width: 451px;
}

#bottom_pages a
{
	color: #ffffff;
}

#bottom_pages .currentPageClass
{
	color: #ffffff;
	text-decoration: underline;
	padding: 0 5px;
}

#bottom_pages a.fw.word
{
	background-image: url(../../../sababa/green_guide/images/bottom_fw.png);
	margin-right:4px;
	*margin-right:14px;
		padding-right: 12px;
}

#bottom_pages a
{
	padding: 0 5px;

}

#bottom_pages a.back.word
{
	background-image: url(../../../sababa/green_guide/images/bottom_back.png);
	margin-left:0;
	*padding-left: 30px;
	*padding-right: 0;
}