h1, h2, h3, h4, h5 {
	font-family:		"Arial Rounded MT Bold", "Arial Rounded", Verdana, Arial, 굴림, gulim, Helvetica, sans-serif;
}

h1 {
	font-weight:		500;
	font-size:			22px;
	color:				#333;
	padding:			0px 0px; 
}

h2 { 
	font-weight:		500;
	font-size:			17px;
	color:				#333;
	padding:			0px 0px; 
}

h3 { 
	font-weight:		500;
	font-size:			15px;
	color:				#333;
	padding:			0;
	margin:				0; 
}

h4 { 
	font-weight:		600;
	font-size:			13px;
	color:				#333;
	padding:			0px 0px; 
}

h5 { 
	font-weight:		600;
	font-size:			12px;
	color:				#333;
	padding:			0px 0px; 
}

h6 {
	font-weight:		500;
	font-size:			12px;
	color:				#333;
	padding:			0px 0px;
}

a:link, a:visited, a:active { 
	color: 				#008fd4; 
	text-decoration: 	none; 
	outline: 			none;
}

a:hover { 

	color: 				#ff7202; 
	text-decoration: 	none; 
}

form {
	margin:				0px;
	padding:			0px;
}

img {
	margin:				0px;
	border:				none;
}

input[type="password"] {

	border-right:		#a9a9a9 1px solid;
	padding-right:		4px;
	border-top:			#a9a9a9 1px solid;
	padding-left:		4px;
	padding-bottom:		2px;
	border-left:		#a9a9a9 1px solid;
	padding-top:		2px;
	border-bottom:		#a9a9a9 1px solid
}

input[type="text"] {

	border-right: 		#a9a9a9 1px solid;
	padding-right: 		4px;
	border-top: 		#a9a9a9 1px solid;
	padding-left: 		4px;
	padding-bottom: 	2px;
	border-left: 		#a9a9a9 1px solid;
	padding-top: 		2px;
	border-bottom: 		#a9a9a9 1px solid
}

#prefix {
	color: #898989;
}
#prefix1 {
	color: #898989;
}
#prefix2 {
	color: #898989;
}

.white {
	background: url(../images/white.png) no-repeat right top; 
	border: 0;
}

.cc0 {    
	font-size:      12px;
    font-style:     normal;
    line-height:    normal;
    font-weight:    normal;
    font-variant:   normal;
    text-transform: none;
    color:          #000000;
}

.cc1 {
    font-size:      12px;
    font-style:     normal;
    line-height:    normal;
    font-weight:    normal;
    font-variant:   normal;
    text-transform: none;
    color:          #000000;
}

.red {
	color: 			red;
}



/*original box start*/
.box {
	width:				623px;
    margin-top:         10px;
    margin-bottom:      20px;
    margin-left:      	0px;
    background-color:   #ffffff;
    background-image:   url('../images/pop_strip.jpg');
    background-repeat:  repeat-x;
    border              :2px solid #e3dfd5;
}

.box .title {
    height:             20px;
    color:              #0268a5;
    font-size:          13px;
    font-weight:        600;
    margin:             2px;
    padding:            6px 10px;
    text-align:         left;
}

.box h3 {
    margin:             10px;
}

.box p {
    line-height:        18px;
    margin:             5px;
}

.box .body {
    padding:            20px 0px;
    text-align:         center;
    text-align:         left;
}

.box .body .line {
    height:             24px;
    padding:            5px 0px;
    text-align:         center;
}

.box .body .line2 {
    height:             24px;
    padding:            10px 0px;
    text-align:         center;
}

.box .body .line-nospace {
    height:             16px;
    padding-top:		10px;
    text-align:         left;
}

.box .body .line .text {
	float:				left;
	text-align:			right;
	padding-top: 		3px;
}

.box .body select, .box .body .line textarea {
    padding:    		1px 3px;
    margin:     		0px;
    text-align: 		left;
}

.box .body .submitline {
    height:             24px;
    padding-top:        20px;
    text-align:         center;
}

.box .tail {
    height:             0px;
    background-color:   #ffffff;
}

/*original box end*/

a.menuitem:link, a.menuitem:visited, a.menuitem:hover, a.menuitem:active {
    color:				#444444;
	outline: 			none;
	text-decoration:    none;
}

.menuicon {
	padding: 			0 3px;
	padding-right: 		5px;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    width:  70px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
	text-align:center;
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:link, a.button:visited {
	color:		#444444;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/*pop box start*/
.popbox {
    width:              500px;
	margin:				0;
	margin-bottom:		20px;
    background-color:   #ffffff;
    background-image:   url('../images/pop_strip.jpg');
    background-repeat:  repeat-x;
}

.popbox p {
	margin:				0;
	padding-bottom:		10px;
}

.popbox .body {
    padding:            20px 0;
    text-align:         center;
}

.popbox .body .line {
    height:             24px;
    padding:            5px 0px;
    text-align:         center;
}

.popbox .body .line-nospace {
    height:             16px;
    padding-top:        10px;
    text-align:         left;
}

.popbox .body .line .text {
    float:              left;
    text-align:         right;
    padding-top:        2px;
}

.popbox .body .submitline {
    height:             24px;
    padding-top:        20px;
    text-align:         center;
}

.popbox .tail {
    height:             0px;
    background-color:   #ffffff;
}
/* pop box*/


/*round  box start*/
.rbox {
	padding:			0;
	margin:				0;
    width:              623px;
    margin-bottom:      10px;
}

.rbox .title {
    height:             25px;
    color:				#ff7202;
    font-size:          20px;
    font-weight:        300;
    margin:             0;
    padding:            10px;
    text-align:         left;
}

.rbox .title_small {
    height:             20px;
    color:              #008fd4;
    font-size:          12px;
    font-weight:        600;
    margin:             0px;
    padding:            5px 0;
    text-align:         left;
}

.rbox .top-left {
	float:				left;
	background:			url('../images/top_left.gif') no-repeat top left;
	height: 			8px; /* vertical: show first half of the image with the top-corners in it */
	width:	 			8px; 
	font-size: 			2px; /* correct height for IE */
}

.rbox .top-middle {
	float:				left;
	border-top: 		2px solid #ccc7ba;
	height: 			6px; 
	width:	 			607px; 
	font-size: 			2px;
	background-color: 	#ebe8e1;
}

.rbox .top-right {
	float:				right;
	background:		 	url('../images/top_right.gif') no-repeat top right; 
	height: 			8px; 
	width:	 			8px; 
	font-size: 			2px;
}

.rbox .bottom-left {
	float:				left;
	background-image: 	url('../images/bottom_left.gif');
	height: 			8px;
	width:	 			8px; 
	font-size: 			2px;
}

.rbox .bottom-middle {
    float:              left;
    border-bottom:		2px solid #ccc7ba;
    background:         #ffffff;
    height:             6px;
    width:              607px;
    font-size:          2px;
}


.rbox .bottom-right {
	float:				right;
	background-image: 	url('../images/bottom_right.gif'); 
	height: 			8px; 
	width:	 			8px; 
	font-size: 			2px; 
}

.rbox .inside {
	clear:				both;
	margin:				0;
	padding: 			0 3px;
	background: 		#ffffff;
    background-image:   url('../images/pop_strip.jpg');
    background-repeat:  repeat-x;
	border-left: 		2px solid #ccc7ba;
	border-right: 		2px solid #ccc7ba;
}

.rbox h3 {
    margin:             10px 0;
}

.rbox p {
	margin:				0;
	padding:			0;
    line-height:        18px;
}

.rbox .red {
	color: 				red;
	padding-bottom:		5px;
}

.rbox .body {
	margin:				0;
    padding:            20px 0px;
    text-align:         center;
}

.rbox .body .line {
    height:             24px;
    padding:            5px 0px;
    text-align:         center;
}

.rbox .body .line2 {
    height:             24px;
    padding:            10px 0px;
    text-align:         center;
}

.rbox .body .line-nospace {
    height:             16px;
    padding-top:       	10px;
    text-align:         left;
}

.rbox .body .line-nospace2 {
    height:             20px;
    padding-top:       	0px;
    text-align:         left;
}

.rbox .body .line .text {
    float:              left;
    text-align:         right;
    padding-top:        2px;
}

.rbox .body .submitline {
    height:             28px;
    padding-top:        20px;
    text-align:         center;
}

p#display_username {
	
	color:				black;
	font-size:			80%;
}

p#display_balance {
	color:				red;
	font-size:			80%;
}

#myaccount_sub ul
{
    margin: 			30px;
    padding: 			0;
    list-style-type: 	none;
    text-align: 		center; 
}   
    
#myaccount_sub ul li 
{ 
    display: 			inline;
}
    
#myaccount_sub ul li a   
{  
	margin:				1px; 
    text-decoration: 	none;
    padding: 			5px 20px;
    color: 				#fff;
    background-color: 	black;
}   
    
#myaccount_sub ul li a:hover
{   
    color: 				#fff;
    background-color: 	#555555;
}   

#myaccount_sub li.current
{  
	margin:				1px; 
    text-decoration: 	none;
    padding: 			10px 20px 5px 20px;
    color: 				#fff;
    background-color: 	red;
}
   
#nolist ul
{
    margin:             0px;
    padding:            0;
    list-style-type:    none;
    text-align:         center;
}   
    
#nolist ul li
{ 
    display:            inline;
}
    
#nolist ul li a
{   
    text-decoration:    none;
    padding:            1px;
}   

.callhistory{
	width:				610px; 
	margin: 			0;
	padding:			0;
    text-align:         center;
}

.callhistory .header{
	width:				100%;
	height:				32px;
	color:				white;
}

.callhistory .ac_header{
	width:				100%;
	color:				#444444;
}

.callhistory .body{
	width:				100%;
	color:				black;
	margin:				0;
	padding:			0;
}

.callhistory .ac_body{
    width:              100%;
    color:              black;
    margin:             0;
    padding:            0;
}


.callhistory li {
	color:				#444444;
    list-style:         none;
	width:				100%;
	float: 				left;
    margin:             0px;
    padding:            2px 0px;
}

.callhistory .ac_header li {
}

.callhistory .body li {
	border-bottom:		1px solid #DDDDDD;
}

.callhistory .body li span {
}

.callhistory .header ul {
    list-style:         none;
    margin:		        0px;
	padding: 			0px;
}

.callhistory .ac_header ul {
    list-style:         none;
    margin:		        0px;
	padding: 			0px;
}

.callhistory .header span {
	float: 				left;
	color: 				#5b6392;
	background-color: 	#ecf1de;
	padding:			5px 0px;
	margin:				0px;
	border-left:		1px solid white;
}

.callhistory .ac_header span{
    float:              left;
	color: 				#5b6392;
	background-color: 	#ecf1de;
    padding:            0px 0px;
    margin:             0px;
    border-left:        1px solid white;
}

.callhistory .body span {
	float: 				left;
	padding:			5px 0px;
	margin:				0px;
}

.callhistory .ac_body span {
    float:              left;
    padding:            0px 0px;
    margin:             0px;
	text-align:			left;
}

.callhistory .tail {
	clear:				both;
	height:				0px;
}

.callhistory .body li:hover {
	background-color:	#eff5f7;
}

.callhistory .ac_body li:hover {
	background-color:	#eff5f7;

}

.callhistory .body ul {
    list-style:         none;
    margin:		        0px;
	padding:			0px;
}

.callhistory .ac_body ul {
    list-style:         none;
    margin:		        0px;
	padding:			0px;
}

.callhistory .ac_body li {
}
.callhistory .ac_body li span {
}

.callhistory .footer {
	margin:			10px 0;		 
}

.callhistory .empty {
	clear:			both;
	display: 		inline;
	width:			50%;
	margin-top:		20px;
	text-align: 	center;
}

#noti_box {
	float: 			left; 
	width:			88px;
	height:			100px; 
	text-align:		center; 
	border:			1px solid #345434; 
	padding: 		10px; 
	margin: 		10px; 
	background-color: #8fa4da; 
	color:			#ef00ef; 
	font-size: 		80%;
}

/*---------- bubble tooltip -----------*/

div.tt{
    position:			relative;
    z-index:			24;
    color:				#3CA3FF;
	font-weight:		normal;
    text-decoration:	none;
}

div.tt .tooltip{ display: none; }
div.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
div.tt:hover{ z-index:25; color: #aaaaff;}


div.tt:hover .tooltip{
    display:			block;
    position:			absolute;
    top:				0px; 
	left:				0px;
	padding: 			15px;
	width:				300px;
	color:				#444444;
	font-size:			11px;
    text-align: 		left;
    line-height:		20px;
	opacity:			0.90;
}

div.tt:hover .middle{
	display: 			block;
	padding: 			10px; 
	background-color: 	#FFFFE9;
	border:				1px solid orange;
}

div.tt2{
    z-index:            24;
    color:              #3CA3FF;
    font-weight:        normal;
    text-decoration:    none;
}

div.tt2 .tooltip{ display: none; }
div.tt2 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
div.tt2:hover{ z-index:25; color: #aaaaff;}


div.tt2:hover .tooltip{
    display:            block;
    position:           absolute;
    top:                -10px;
    left:               0px;
    padding:            15px;
    width:              300px;
    color:              #444444;
    font-size:          11px;
    text-align:         left;
    line-height:        20px;
    opacity:            0.90;
}

div.tt2:hover .middle{
    display:            block;
    padding:            10px;
    background-color:   #FFFFE9;
    border:             1px solid orange;
}

div .sociable 
{
	padding:  		10px 20px;
	height: 		20px;
	text-align: 	left;
}

div .sociable span 
{
	width:				25px;	
	float:				left; 
}

div .sociable img 
{ 
	opacity: 			.4; 
	-moz-opacity: 		.4; 
    filter:             alpha(opacity=40); 
}

div .sociable a:hover img 
{ 
	opacity:			1; 
	-moz-opacity:		1; 
    filter:             alpha(opacity=100);
}

.clear
{
	clear: both;
}

.promobox {
    float: left;
    width: 385px;
    margin-left: 6px;
}

html > body .promobox {
    margin-left: 10px;
}

.promo{
	font-family:        Arial Narrow, Arial, Verdana, 굴림, gulim, Helvetica, sans-serif; 
    width:				365px;
    height:				140px;
    float:				left;
    margin:				0;
	text-align:			left;
	line-height: 		20px;
}

.promo * {
    margin:				0;
    padding:			0;
}

.promo h1 {
	font-family:        Arial Narrow, Arial, Verdana, 굴림, gulim, Helvetica, sans-serif; 
    font-size:			20px;
    font-weight: 		bold;
    padding:			15px 0;
    color: 				#444444;
}

.promo p {
    padding-left:		20px;
    font-size:			16px;
    font-weight: 		normal;
    color: 				#444444;
}

.iphonebox {
	float: right; 
	width: 385px; 
	margin-right: 6px;
}

html > body .iphonebox {
	margin-right: 10px;
}


.iphone {
	font-family:        Arial Narrow, Arial, Verdana, 굴림, gulim, Helvetica, sans-serif; 
    width:				366px;
    height:				140px;
    float:				left;
    margin:				0;
	text-align:			left;
	line-height: 		20px;
}

.iphone * {
    margin:				0;
    padding:			0;
}

.iphone h1 {
	font-family:        Arial Narrow, Arial, Verdana, 굴림, gulim, Helvetica, sans-serif; 
    font-size:			20px;
    font-weight: 		bold;
    padding:			15px 0;
    color: 				#444444;
}

.iphone p {
    padding-left:		20px;
    font-size:			16px;
    font-weight: 		normal;
    color: 				#444444;
}

.srbox {

}

.srbox .title {
    height:             25px;
    color:              #ff7202;
    font-size:          20px;
    font-weight:        300;
    margin:             0;
    padding:            10px;
    text-align:         left;
}

.srbox .title_small {
    height:             20px;
    color:              #008fd4;
    font-size:          12px;
    font-weight:        600;
    margin:             0px;
    padding:            5px 0;
    text-align:         left;
}


.srbox .top-left {
	float:              left;
	margin-right:		9px; /* clip right corner */
	background-image: 	url('../images/corner/img.gif');
	width: 				9px;
	height: 			9px; /* vertical: show first half of the image with the top-corners in it */
	font-size: 			2px; /* correct height for IE */
}

.srbox .top-middle {
    float:              left;
	margin-left: 		-9px;
    border-top:         1px solid #c9dac9;
    height:             8px;
	width: 				352px;
    font-size:          1px;
    background-color:   #e9f1f8;
}


.srbox .top-right {

    float:              right;
	margin-top: -9px; /* to level of top-left corner */
	margin-left: 9px; /* clip left corner */
	background-image: url('../images/corner/img.gif'); 
	background-position: 100% 0; /* show bg-image starting at the right */
	height: 9px; 
	width: 9px;
	font-size: 2px;
}

.srbox .bottom-left {

    float:              left;
	margin-right: 9px; /* clip right corner */

	background-image: url('../images/corner/img.gif');
	background-position: 0 -9px; /* show under half of the image */
	width: 9px;
	height: 9px;
	font-size: 2px;
}

.srbox .bottom-middle {
    float:              left;
	margin-left: 		-9px;
    border-bottom:      1px solid #c9dac9;
    height:             8px;
	width: 				352px;
    font-size:          1px;
    background-color:   #e9f1f8;
}

.srbox .bottom-right {

    float:              right;
	margin-top: 		-9px; /* to level of bottom-left corner */
	margin-left: 		9px; /* clip left corner */
	background-image: url('../images/corner/img.gif'); 
	background-position: 100% -9px; /* under half, right side */
	height: 9px; 
	width: 9px;
	font-size: 2px; 
}

.srbox .inside {
	clear: both;
	border-left: 1px solid #c9dac9;
	border-right: 1px solid #c9dac9;
	background: #EFEFEF;
	color: #000000;
}

.srbox .notopgap {
	margin-top: 0;
}

.clean {
	clear: both;
}

/* round box for my account page */
.myacct_rbox {
	padding:			0;
	margin:				0;
    width:              623px;
    margin-bottom:      10px;
}

.myacct_rbox .title {
    height:             25px;
    color:				#ff7202;
    font-size:          20px;
    font-weight:        300;
    margin:             0;
    padding:            10px;
    text-align:         left;
}

.myacct_rbox .title_small {
/*
    height:             20px;
*/
    color:              #008fd4;
    font-size:          14px;
    font-weight:        bold;
    margin:             0px;
    padding:            0 10px;
    text-align:         left;
}

.myacct_rbox .top-left {
	float:				left;
	background:			url('../images/top_left2.gif') no-repeat top left;
	height: 			8px; /* vertical: show first half of the image with the top-corners in it */
	width:	 			8px; 
	font-size: 			2px; /* correct height for IE */
}

.myacct_rbox .top-middle {
	float:				left;
	border-top: 		2px solid #e5f5fc;
	height: 			6px; 
	width:	 			607px; 
	font-size: 			2px;
	background-color: 	#e5f5fc;
}

.myacct_rbox .top-right {
	float:				right;
	background:		 	url('../images/top_right2.gif') no-repeat top right; 
	height: 			8px; 
	width:	 			8px; 
	font-size: 			2px;
}

.myacct_rbox .bottom-left {
	float:				left;
	background-image: 	url('../images/bottom_left2.gif');
	height: 			8px;
	width:	 			8px; 
	font-size: 			2px;
}

.myacct_rbox .bottom-middle {
    float:              left;
    border-bottom:		2px solid #e5f5fc;
    background:         #ffffff;
    height:             6px;
    width:              607px;
    font-size:          2px;
}


.myacct_rbox .bottom-right {
	float:				right;
	background-image: 	url('../images/bottom_right2.gif'); 
	height: 			8px; 
	width:	 			8px; 
	font-size: 			2px; 
}

.myacct_rbox .inside {
	clear:				both;
	margin:				0;
	padding: 			0 3px;
	background: 		#ffffff;
/*
    background-image:   url('../images/pop_strip.jpg');
*/
    background-repeat:  repeat-x;
	border-left: 		2px solid #e5f5fc;
	border-right: 		2px solid #e5f5fc;
}

.myacct_rbox h3 {
    margin:             10px 0;
}

.myacct_rbox p {
	margin:				0;
	padding:			0;
    line-height:        18px;
}

.myacct_rbox .red {
	color: 				red;
	padding-bottom:		5px;
}

.myacct_rbox .body {
	margin:				0;
    padding:            20px 0px;
    text-align:         center;
}

.myacct_rbox .body .line {
    height:             24px;
    padding:            5px 0px;
    text-align:         center;
}

.myacct_rbox .body .line2 {
    height:             24px;
    padding:            10px 0px;
    text-align:         center;
}

.myacct_rbox .body .line-nospace {
    height:             16px;
    padding-top:       	10px;
    text-align:         left;
}

.myacct_rbox .body .line-nospace2 {
    height:             20px;
    padding-top:       	0px;
    text-align:         left;
}

.myacct_rbox .body .line .text {
    float:              left;
    text-align:         right;
    padding-top:        2px;
}

.myacct_rbox .body .submitline {
    height:             28px;
    padding-top:        20px;
    text-align:         center;
}

.input-pin {
    width:              40px;
    height:             38px;
    font-size:          34px;
    color:              #666666;
    text-align:         center;
    padding-top:        2px;
}

.im_step {
	line-height: 18px;
	padding-left: 20px; 
	text-align: left; 
	height: 120px;
}