﻿body {
margin: 0;
padding: 0; 
text-align: center;
font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #494949;
line-height: 17px;

}

/************Index **********/
.headOther { color: #ffffff; font-family: Arial; font-size: 12px; text-align: left; float:left; width:550px;  }
.content_bg{background: url('/images/korean/index_bg.gif') no-repeat;}
.lineHeight13 { line-height:13px;}
/* Top property changd from -2 to 12 px to accommodate the new content*/
.readMorePot { position: relative; top: 8px; left: -97px; font-weight: bold; color: #007e44; }
.readMorePot a { color: #007e44; text-decoration: none;}
.readMore { position: relative; top: 8px; left: -97px; font-weight: bold; color: #007e44; }
.imagePosR1 { position:relative; float: left; width:277px; margin-left:1px; padding-left:12px;}
.imagePosR2 { position:relative; float: left; width:277px; margin-left:0px; padding-left:12px;}
.imagePosR3 { position:relative; float: left; width:277px; margin-left:0px; padding-left:12px;}
#r1 { position: relative; left:-287px; top:-402px; display: none; }
#r2 { position: relative; left:2px; top:-402px; display: none; }
#r3 { position: relative; left:291px; top:-402px; display: none; }
.arrow1 { position: relative; top: -23px; left: 40px; }
.arrow2 { position: relative; top:-15px; left: 60px;}
.arrow3 { position: relative; top:-15px; left: -48px;}
.rollOver { width: 265px; position: relative; top: -245px; text-align:left; }
.rollOverGreenLink {margin-left:0px;padding-left:0px;text-align:left;}
.rollOverGreenLinkSignUp {margin-left:0px;padding-left:0px;text-align:left;}
.rollOverGreenOuter {padding-top:13px;padding-left:0px;margin-left:0px;text-align:left;}
.DramitPos{position:relative; text-align:right; padding-top:0px; z-index:5;}
.imgText { font-family: Arial; font-size: 12px; color: #494949; text-align: left; position: relative; margin-top: -63px; padding-left: 5px; width:267px; }
.arrow3 { position: relative; top:7px; left: -90px;}


/**********Potential risk *************/
.signUp {width: 95px;left:12px;}
.signUp_pot {left:12px;}
.arrow { position: relative; top: -8px; left: 2px; }
.arrow_potSelected {left:1px;}
.downArrowRisksOf { position: relative; left: -470px; top: 48px;   }
.signUpToRisk { font-family: Arial;font-size: 12px; color: #007e44; position: relative; top: -27px; left: -93px; }
.nextSignUp { font-family: Arial;font-size: 12px; color: #007e44; position: relative; top: 20px; left: -209px; padding-left: 40px; }
.riskGarrow { left: -104px; top:6px; }

/***********what*********/
.downArrowWhatCanYouDoNow{left:-230px;top:48px;}
.signUpTo { left: -67px; }
/*****SignUp********/
.bottomGreyLineSignup { position: relative; left: -7px; top: -20px; width: 577px;}

/********what**/
.arrow_what { left: 2px; }

/* Added by Aatish
 for fixing the alignment issue on the index page */
 .rollOverText {padding-top:5px;}
 
 .greyLineWhatSign{top:-40px;}
 .bottomGreyLineSgUp {margin-top:-45px;}
 *:first-child+html .bottomGreyLineSgUp {margin-top:-46px;}
 .subHeadsignup2 {padding-top: 8px; }
 .middleSectionSu {top: 40px;}
 
 .greyBoxWhat { position: relative; top: 20px;  }
 *html .subHeadsignup2 { padding-top:8px;}
 .unsubTitle {top:-89px;}
 
 .signupCommText{padding-bottom:5px;}
