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

/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align:baseline;
	border:0 none;
	outline:0;
	padding:0;
	margin:0;
	background-repeat:no-repeat;
}

/* Div layer for the entire banner. */
#container {
	display:block;
	position:absolute;
	width:300px;
	height:250px;
	background-color:#FFFFFF;
	top:0px;
	left:0px;
	margin:auto;
	overflow:hidden;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:1px solid #727376;		
}

#content {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

.divImage {
	visibility:hidden;
	position:absolute;
	background-repeat:no-repeat;
}

#logo {
	left:41px;
	top:2px;
	width:213px;
	height:44px;
	background-image:url(logo.png);
}

/* Frame 01 */

#frame_01 {
	left:0px;
	top:0px;
	width:300px;
	height:158px;
}

#text_01 {
	left:30px;
	top:54px;
	width:234px;
	height:59px;
	background-image:url(text_01.png);
}

#frame_01_yes_button {
	left:64px;
	top:120px;
	width:79px;
	height:30px;
	z-index:9991;
	cursor:pointer;	
}

#frame_01_yes_grey {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_yes_grey.png);
}

#frame_01_yes_green {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_yes_green.png);
}

#frame_01_yes_green_after_click {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_yes_green.png);
}

#frame_01_no_button {
	left:156px;
	top:120px;
	width:79px;
	height:30px;
	z-index:9991;
	cursor:pointer;	
}

#frame_01_no_grey {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_no_grey.png);
}

#frame_01_no_green {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_no_green.png);
}

#frame_01_no_green_after_click {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_no_green.png);
}

/* Frame 02a */

#frame_02a {
	left:0px;
	top:250px;
	width:300px;
	height:158px;
}

#text_02a {
	left:45px;
	top:55px;
	width:205px;
	height:59px;
	background-image:url(text_02a.png);
}

#frame_02a_yes_button {
	left:64px;
	top:120px;
	width:79px;
	height:30px;
	z-index:9991;
	cursor:pointer;	
}

#frame_02a_yes_grey {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_yes_grey.png);
}

#frame_02a_yes_green {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_yes_green.png);
}

#frame_02a_yes_green_after_click {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_yes_green.png);
}

#frame_02a_no_button {
	left:156px;
	top:120px;
	width:79px;
	height:30px;
	z-index:9991;
	cursor:pointer;	
}

#frame_02a_no_grey {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_no_grey.png);
}

#frame_02a_no_green {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_no_green.png);
}

#frame_02a_no_green_after_click {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_no_green.png);
}

/* Frame 02b */

#frame_02b {
	left:0px;
	top:250px;
	width:300px;
	height:158px;
}

#text_02b {
	left:37px;
	top:52px;
	width:223px;
	height:54px;
	background-image:url(text_02b.png);
}

#frame_02b_yes_button {
	left:64px;
	top:120px;
	width:79px;
	height:30px;
	z-index:9991;
	cursor:pointer;	
}

#frame_02b_yes_grey {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_yes_grey.png);
}

#frame_02b_yes_green {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_yes_green.png);
}

#frame_02b_yes_green_after_click {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_yes_green.png);
}

#frame_02b_no_button {
	left:156px;
	top:120px;
	width:79px;
	height:30px;
	z-index:9991;
	cursor:pointer;	
}

#frame_02b_no_grey {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_no_grey.png);
}

#frame_02b_no_green {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_no_green.png);
}

#frame_02b_no_green_after_click {
	left:0px;
	top:0px;
	width:79px;
	height:30px;
	background-image:url(button_no_green.png);
}

/* Frame 03 */

#frame_03 {
	left:0px;
	top:250px;
	width:300px;
	height:158px;
}

#replay{
	right: 5px;
	top: 5px;
	position: absolute;
	background-image: url(replay.png);
	width: 14px;
	height: 13px;
	cursor: pointer;
}

#text_03a {
	left:22px;
	top:52px;
	width:253px;
	height:53px;
	background-image:url(text_03a.png);
}

#text_03b {
	left:36px;
	top:122px;
	width:99px;
	height:24px;
	background-image:url(text_03b.png);
}

#cta_button {
	left:175px;
	top:126px;
	width:84px;
	height:24px;
	background-image:url(cta.png);
	z-index:9991;
	cursor:pointer;		
}

/*----- ISI ------*/

#isiDropShadow{
	position:absolute;	
	right:15px;
	top:158px;
	width:706px;
	height:8px;
	overflow: hidden;
	background-image:url(isi_drop_shadow.png);
	background-repeat:no-repeat;
	z-index: 9999;		
}

#scrolling_isi {
	font-family:Arial, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#646464;
	position:absolute;
	background-repeat:no-repeat;
	right:0px;
	top:158px;
	width:284px;
	height:86px;
	overflow-x: hidden;
	overflow-y: scroll;	
	padding:3px 6px 0 8px;
	z-index: 9998;	
	background-color:#ffffff;
	border-top:#c1c9cb 1px solid;
}

#isi {
	background-repeat:no-repeat;
	width:272px;
}

#isi h2 {
	color:#48801b;
	font-size:12px;
	padding:2px 0px 0px 0px;
	margin:5px 0px;
}

#isi h3 {
	color:#646464;
	font-weight: normal;
	font-size:11px;
	margin-top:10px;
}

#isi p {
	padding:5px 0px 0px 0px;
}

#isi ul {
	margin:5px 0px 5px 12px;
	padding:0px;
}

#isi ul li{
	list-style-type: disc;
}

#isi ul li ul li{
	list-style-type: circle;
	padding:2px 0px;
}