/* English version website style
   This message was inserted at 2009/06/30
	
	Brastel Telecom - International Calling Service
*/


/* ------- 2008/06/27 Message Board ------- */

.ht100 {
	height:100%;
}
.msgboardHeader {
	width:468px;
	padding:9px 10px 7px 15px;
	border-bottom:1px solid #4F7FDE;
	border-left:7px solid #4F7FDE;
	margin:20px auto 0 auto;
	background-color:#E6F3FF;
	font-size:16px;
	font-weight:bold
}
.msgboardIntro {
	width:500px;
	margin:auto
}
.msgboardIntro p {
	margin:30px 22px
}
.msgTable {
	border-top:1px dotted #DDDDDD;
	width:500px
}
.dateTd {
	vertical-align:top;
	text-align:center;
	padding:10px;
	font-family:Helvetica, Arial, sans-serif;
	color:#777777;
	background-color:#FFFFFF
}
.dateTd, .msgTd {
	border-bottom:1px dotted #DDDDDD;
	cursor:pointer
}
.title {
	padding:10px;
	width:340px;
	font-weight:bold
}
.msg {
	display:none;
	background-color:#FFFFFF;
	padding:0 10px 10px 10px;
	width:350px
}
.titleHover {
	color:#1C66F0;
	text-decoration:underline
}
.compact, .expanded {
	background-repeat:no-repeat;
	background-position:370px 9px
}
.compact {
	background-image:url(/Pages/eng/msgboard/images/plus.gif)
}
.compact:hover {
	background-image:url(/Pages/eng/msgboard/images/plus_hover.gif)
}
.expanded {
	background-image:url(/Pages/eng/msgboard/images/minus.gif)
}
.expanded:hover {
	background-image:url(/Pages/eng/msgboard/images/minus_hover.gif)
}
.button10 {
	padding:3px 15px;
	display:block;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#ffffff;
	background-color:#0099CC;
	border-bottom:#003366 solid 2px;
	border-right:#003366 solid 2px;
	border-left:#99CCFF solid 2px;
	border-top:#99CCFF solid 2px;
}
.button10:hover {
	color:#003366;
	text-decoration:none
}
.button10:active {
	color:#003366;
	border-bottom-color:#99CCFF;
	border-right-color:#99CCFF;
	border-left-color:#003366;
	border-top-color:#003366
}

/*  -------  2008/05/22 International Recharge System   -------  */

#myTh {background: #D1E2F9;
	color: #fff;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 1.2;
	border: 1px solid #000;}

#irsTable{border-collapse:collapse; font-size: 1.1em; }
#irsTable td{border:#666666 solid 1px;}
#irsTable div.borderBtm { border-bottom:#000000 solid 1px; padding-bottom:5px; padding-top:10px;height:37px}
#irsTable div.borderBtm2 { border-bottom:#000000 solid 0px; padding-bottom:5px; padding-top:10px;height:37px}

tr.even{background: #E3E3E3;line-height: 1.2;}

/* -------  2007/06/08 For 10th Ann. Campaign page  -------  */
.winlist{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000066;
	text-decoration:none;
}
.winlist:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000066;
	text-decoration:underline;
}
.formSubtitle{
	padding:2px 30px 2px 30px;
	border:solid 1px #000066;
}
.tbAlignRgt{margin-right:0; margin-left:auto}
.tdSponsor{padding:1px; cursor:pointer}
.tdSponsorNoLink{padding:1px}
.txtRom12{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000000;
}

/* ------- 2007/03/01 ------- */

	/* These spans were added for maimi japanese landing page: SPAN.param14 SPAN.param15 SPAN.param16 SPAN.param17 SPAN.param18 SPAN.coloredlink4 SPAN.coloredlink5 SPAN.coloredlink6 SPAN.coloredlink7  */

/* For intro/landing.html 
--- This is the landing page that opens when one clicks Brastel's banner in www.maimi.jp ----
 from here -> */

		.f8 {
			font-size:8px;
		}

		.f9 {
			font-size:9px;
		}
		
		.f10h14g {
			font-size:10px;
			line-height:14px;
			color: #666666; 
		}

/* ------- 2007/02/01 ------- */

	/* ------- for Frequent Caller Plan page ------- */

			.hideTable {
				display:none;
			}

/*-------  2007/01/24 ------- */

	/* ------- for link to sponsors on the 10th anniversary campaign info page  from here ->  ------- */
			
			.sponsorTextLink {
				color:#3366FF;
				text-decoration:none;
			}
			.sponsorTextLink:hover {
				color:#3366FF;
				text-decoration:underline;
			}
	
	/* ------- "10th Annniversary menu" ------- */
	
		.headerMenu a {
			 font-weight: bold;
			 font-size: 12px;
			 font-family: Arial, Helvetica, sans-serif;
			 text-decoration: none;
			 color: red;
			 }
		
		.headerMenu a:hover {
			 color: #000033;
			 }
	
	/* ------- "10th Annniversary ordered lists (rules) spacing" ------- */
	
		.li3 {	margin-left:10;
				margin-right:20;
				margin-bottom:10; 
		}
	
	/* ------- 10th Annniversary red button ------- */
	
		.buttonRed {
			padding:1px 10px 1px 10px;
			display:block;
			font-weight:bold;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#ffffff;
			background-color:#FF0000;
			border-style:solid;
			border-bottom-color:#660000;
			border-right-color:#660000;
			border-left-color:#FF99CC;
			border-top-color:#FF99CC;
			border-width:2px
			}
		.buttonRed:hover { color:#660000 }
		.buttonRed:active {
			color:#660000;
			border-bottom-color:#FF99CC;
			border-right-color:#FF99CC;
			border-left-color:#660000;
			border-top-color:#660000
			}

/* ------- Intro page  -------  */

		.f10 {
			font-size:10px;
		}
		.f10h14 {
			font-size:10px;
			line-height:14px; 
		}
		.f12 {
			font-size:12px;
		}
		.f12h20 {
			font-size:12px;
			line-height:20px;
		}
		.f14 {
			font-size:14px;
		}
		a {
			text-decoration:none;
		}
	
.buttonul {list-style-type: none; 
	margin: 0px;
	cursor: default;
	}
	
.ul2 {list-style-image: url(site_d2.gif); 
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.li2 {	margin-top:10; 
		margin-left:20; 
		margin-bottom:10; 
}

.bulletedlist {list-style-type: disc;
               list-style-position: outside; 
               font-family: arial,helvetica,san-serif; 
			   font-size: 10pt;
               margin-left: 20; 
			   padding-left: 5; 
			   color:#6699CC; 
			   line-height:1.1;
}

.buttonA a {
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	background-color: #0099CC;
	border-style: solid;
	border-bottom-color: #003366;
	border-right-color: #003366;
	border-left-color: #99CCFF;
	border-top-color: #99CCFF;
	border-width: 2px;
	padding-bottom: 1px;
	padding-right: 11px;
	padding-left: 11px;
	padding-top: 1px;
	}
	
.buttonA a:hover {
	color: #003366;
	text-decoration: none;
	}

SPAN.coloredlink1 A:link {
	color:#3366FF;
	text-decoration:underline;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
}


SPAN.coloredlink1 A:hover {
	color:#990000;
	text-decoration:underline;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
}


SPAN.coloredlink1 A:visited {
	color:#999999;
	text-decoration:underline;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
}



SPAN.coloredlink2 A:link {
	color:#660000;
	text-decoration:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
}


SPAN.coloredlink2 A:hover {
	color:#660000;
	text-decoration:underline;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
}

SPAN.coloredlink2 A:visited {
	color:#660000;
	text-decoration:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
}



SPAN.coloredlink3 A:link {
	color:#FFFFFF;
	text-decoration:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
}


SPAN.coloredlink3 A:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
}


SPAN.coloredlink3 A:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
}

/* ------- for link in grey color size 10  -------*/
SPAN.coloredlink4 A:link {  
	color:#666666;
	text-decoration:none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; 
}


SPAN.coloredlink4 A:hover {
	color:#666666;
	text-decoration:underline;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; 
}


SPAN.coloredlink4 A:visited {
	color:#999999;
	text-decoration:none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; 
}
		
/* ------- for link in grey color size 9 ------- */		
SPAN.coloredlink5 A:link {  
	color:#666666;
	text-decoration:none;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif; 
}


SPAN.coloredlink5 A:hover {
	color:#666666;
	text-decoration:underline;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif; 
}


SPAN.coloredlink5 A:visited {
	color:#999999;
	text-decoration:none;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif; 
}


/* -------  for link in blue color size 12  ------- */
SPAN.coloredlink7 A:link {  
	color:#0066CC;
	text-decoration:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
}


SPAN.coloredlink7 A:hover {
	color:#0066CC;
	text-decoration:underline;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
}


SPAN.coloredlink7 A:visited {
	color:#993366;
	text-decoration:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
}

/* ------- black color -------  */
SPAN.param1 {      
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000000;	
}

/* ------- light blue color - for headings ------- */
SPAN.param2 {         
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size: 12px;
	color: #6699CC;
}

/* ------- dark red color  -------  */
SPAN.param3 {        
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size: 12px;
	color: #660000;
}


/*  -------  white color  -------  */
SPAN.param4 {       
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #ffffff;
}


/* ------- bright cyan color -------  */
SPAN.param5 {      
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight:bold; 
	 color: #33FFFF;
}


/* ------- white color ------- */
SPAN.param6 {    
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px;
	 color: #ffffff;
}


/* ------- black color ------- */
SPAN.param7 {      
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px;
	 color: #000000;
}


/* ------- black color -------  */
SPAN.param8 {      
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	 color: #000000;
}


/* ------- white color -------  */
SPAN.param9 {        
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #ffffff;
}


SPAN.param10 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	 color: #666666;
}


/* ------- marine blue color ------- */
SPAN.param11 {      
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size: 12px;
	color: #006699;
}
/* -------  For "About Us" pages titles  ------- */
SPAN.param12 {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size: 14px;
	color: #666666;
}
/* -------  For 10th Anniversary Campaign title  ------- */
SPAN.param13 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size: 20px;
	color: #2E3192;
}


/* ------- For Maimi Landing Page grey color size 12  ------- */
SPAN.param14 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #666666;
}

/* ------- For Maimi Landing Page grey color size 9  -------  */
SPAN.param15 {   
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px;
	color: #666666;
}



/* -------  For Maimi Landing Page grey color size 16  ------- */	
SPAN.param16 {   
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #666666;
}


/* -------  For Maimi Landing Page orange color size 12  ------- */
SPAN.param17 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #ff9933;
}


/* -------  For Maimi Landing Page white color size 14  ------- */
SPAN.param18 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #FFFFFF;
}

/* -------  for error messages, red text  ------- */
SPAN.param99 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	 color: #ff0000;
} 

.space1 {
	margin: 10px;
}


/* -------  for text inside tables  ------- */
.space2 { 
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 6px;	
}  


/* -------  for text boxes and pull-down menus  ------- */
.space3 { 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 10px;	
}


/* -------  for text above text boxes and pull-down menus  ------- */
.space4 { 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;	
}


 /* -------for text above text boxes and pull-down menus with arrow image on the apply page-------*/
.space5 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;	
}

.space6 { /*  */
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;	
}

.cardtext {
 float: left;
}


/* ------- all pages  ------- */
html {
	height:100%;
	overflow-y: scroll
}
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	cursor:default;
	height:100%;
	margin:0
}
.divContentsOuter {
	border:#666699 1px solid;
	width:568px;
	padding:10px;
	background-color:#FFFFFF
}
.divContentsInner {
	border:#666699 1px solid;
	width:566px;
}
h1 {
	font-size:12px;
	padding:12px 0 0 15px;
	background:url(/Pages/eng/addservice/images/additional.jpg) no-repeat;
	border-bottom:1px solid #666699;
	height:28px;
	margin:0
}
h2 {
	border:#FFFFFF 3px double;
	border-left:0;
	border-right:0;
	color:#FFFFFF;
	background-color:#4F7FDE;
	margin:0 0 20px;
	padding:2px 20px;
	font-size:14px;
	font-style:italic
}
h3 {
	margin:0 30px 10px;
	font-size:12px;
	font-style:italic
}


/* ------- 2008/11/18  -  Customer Service Table -------------- */
h4 {
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#000079;
}

#customer-service-b
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff;
	margin: 10px;
	width: 550px;
	border-collapse: collapse;
	text-align: left;
	border-top: 3px solid #9baff1;
	border-bottom: 3px solid #9baff1;
}
#customer-service-b th
{
	font-size: 13px;	
	font-weight:bold;
	color: #039;
	background: url('/Pages/eng/customer/images/bkg3.gif');
	padding: 20px 8px;
	border-bottom: 2px solid #9baff1;
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	text-align: center;
}
#customer-service-b .odd
{
	background: #edf2f8; 
}
#customer-service-b td
{
	color:#333333;
	padding: 8px 4px;
	border-bottom: 1px solid #aabcfe;
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	font-size: 12px;
}
#customer-service-b a:link {
	border-bottom:1px dotted #774841;
	text-decoration:none;
	}
#customer-service-b a:visited {
	color:#ae594c;
	border-bottom:1px dotted #774841;
	text-decoration:none;
	}
#customer-service-b a:hover {
	color:#e45a49;	
	border-bottom:1px solid #e45a49;
	text-decoration:none;
	}
/* ------- 2008/11/18  -  Customer Service Table -------------- */


/* Link FLIP
------------------------------------------------------------------ */
#content{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#content a{
	color:#0066CC;
	text-decoration:none;
}
#content a:hover {
	color:#FF5151;
	background:none;
	}	
#content a:visited{
	color:#0066CC;
	border-bottom:1px #0066CC;
	text-decoration:none;
	}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
 /* Link FLIP - Back to top
------------------------------------------------------------------ */ 
#backtop{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
}  
#backtop a{
	color:#555555;
	text-decoration:none;
}
#backtop a:hover {
	color:#555555;
	background:none;
	}	
#backtop a:visited{
	color:#555555;
	border-bottom:1px #555555;
	text-decoration:none;
	}
	
	
#div-2 {
 position:relative;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
}

#div-2a {
	position:absolute;
	top:-83px;
	left:10px;
	padding:0;
	margin:0;
	width: 370px;
	height: 60px;
	color:#000000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
	font-size:12px;
}

#div-2b {
	position:absolute;
	top:-304px;
	left:15px;
	padding:0;
	margin:0;
	width: 380px;
	height: 24px;
	color:#fff;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#div-2c {
	position:absolute;
	top:-299px;
	left: 425px;
	padding:0;
	margin:0;
	width: 380px;
	height: 24px;
	color:#fff;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

 /* FLIP page - Top navigation
------------------------------------------------------------------ */ 
.cdl {
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	width : 520px;
	border : 1px solid #FFE6E6;
	margin : 20px auto 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:20px;
	background:#FFF4F4;
}

.cdl ul li {
  list-style-type : none;
  margin:0;
  margin-left:-40px;
  color : #333;
  padding : 5px 0 5px 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

.cdl ul li.cdl_l2 {
  margin-left : 45%;
  margin-top : -2.1em;
  padding : 5px 0 5px 10px;
  border : 0;
  font-family:Arial, Helvetica, sans-serif;
}   


.link_nav a
{
font-weight: bold;
text-decoration: none;
}


.link_nav a:link, .link_nav a:visited
{
color: #0066CC;
padding-left: 20px;
background:url(/Pages/eng/addservice/images/sankaku3.gif);
background-repeat:no-repeat;
background-position: 0 -28px;
}


.link_nav a:hover
{
color: #FF5151;
padding-left: 20px;
background:url(/Pages/eng/addservice/images/sankaku3.gif);
background-repeat:no-repeat;
background-position: 0 -14px;
}


/* FLIP Family - 2009/06/08
------------------------------------------------------------------------------------------------------- */ 

/* -------------------------
FLIP Family - shadow effect
---------------------------- */
span.shadow {
	
	top: 2px;
	left: 2px;
	color:#CCCCCC;
}
/*necessities*/
.FlipFamily_shadow {
	position: relative;
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:bold;
	top:-310px;
	left:70px;
	width:300px;
	
}
.FlipFamily_shadow span {
	position: relative;
}
span.shadow {
	position: absolute;	
}

/* -------------------------
FLIP Family - Floating text
---------------------------- */
#div-3 {
 position:relative;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
}

#div-3a {
	position:absolute;
	top:-217px;
	left:111px;
	font-family:Arial, Helvetica, sans-serif;
}
#div-3b {
	position:absolute;
	top:-67px;
	left:-3px;
	font-family:Arial, Helvetica, sans-serif;
}
#div-3c {
	position:absolute;
	top:-60px;
	left:235px;
	font-family:Arial, Helvetica, sans-serif;
}
#div-3d {
	position:absolute;
	top:-170px;
	left:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#cc0000;
	font-weight:bold;
	width:190px;
	text-align:center;
	height: 101px;
	line-height:1.3em;
}

/* ------------------
FLIP Family - Corners
--------------------- */	
.FlipFamily_Corners{
	background-color:#fff;
	border:#cc0000 1px solid;
	color: #cc0000;
	padding:3px;
	font-size:14px;
	font-weight:bold;	
}
/* FLIP Family - 2009/06/08
------------------------------------------------------------------------------------------------------- */ 

input, select, textarea, td { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; }