/***************************************************************
common styles
******************************************************************/

body, html{margin:0;padding:0;}
html, td, select, input, option, textarea, th, a, a:link, button {font:12px Arial, Helvetica, sans-serif;color:#333;}
a, a:link, a:visited{text-decoration:underline;color:#ff0000;}
a:hover{color:#FF0000; text-decoration:none }
a:active{color:#cc0000; }
img{border:0; vertical-align: middle; }

.clear { clear:both;}

hr{
	height:1px; 
	padding:0; 
	margin:20px 0 0px 0; 
	border-width:1px 0 0 0; 
	border-top:1px solid #cccccc; 
	color:#cccccc;
}

p{
	margin:0;
	padding:5px 0;
}


/***************************************************************
steps list
******************************************************************/
ul{
	margin:0;
	padding:0;
	list-style:none

}
ul li{
	padding-left:45px;
	margin-bottom:15px;
	font-size:14px;
	font-weight:bold;
	color:#0066cc;
}
ul li p{
	margin:0;
	padding:10px 0 10px 0;

}

ul li.step1{
	background:url(../_images/_default/ei_step1.gif) no-repeat;
}
ul li.step2{
	background:url(../_images/_default/ei_step2.gif) no-repeat;
}
ul li.step3{
	background:url(../_images/_default/ei_step3.gif) no-repeat;
}
ul li.notes{
	background:url(../_images/_default/ei_warning.gif) no-repeat 5% 4% ; /*H% V%*/
	color:#000!important;
	font-size:12px;
}

ul li div{
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#333;
	font-family:Arial, Helvetica, sans-serif
}
ul li.notes div{
	color:#000!important;
	font-size:11px;
}
ul li.notes div a, ul li.notes div a:link{
	font-size:11px;
}


/***************************************************************
containers
******************************************************************/
#body_bg{background:url(../_images/_default/ei_bk.gif) repeat;}
#wrapper{	
	padding:0;
	margin: 0 auto;	
	width:758px;	
	zoom:1;
}

#wrapper_bg{background:url(../_images/_default/ei_bk_mid.gif) repeat-y;}

#title{
	font-size:20px;
	font-weight:bold;
	padding: 15px 0;
}
#title img{margin-right:10px;}


#top_bg{	
	background:url(../_images/_default/ei_bk_top.gif) no-repeat top;
}

#main_content{
	padding:30px 20px 0px 20px;	
}
.clearfix::after{
	content:'.';
	height:0px;
	visibility:hidden;
	display:block;
	clear:both;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 




#left{
	float: left;
	width: 350px;
	padding: 10px;
}

#right{
	width: 320px;
	float: left;
	padding: 10px;
	margin:0;
}

#bottom{
	height:6px;
	width:758px; 
	background:url(../_images/_default/ei_bk_btm.gif) no-repeat;
	clear:both;
}

#footer{
	padding:10px;
	text-align:center;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer a:link, #footer a{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}


/***************************************************************
Round Corner boxes & contents 
******************************************************************/
.r_corner {margin:0 15px 15px 15px; }
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#4fa5fa; margin:0 5px;}
.b2 {height:1px; background:#e0f0ff; border-right:2px solid #4fa5fa; border-left:2px solid #4fa5fa; margin:0 3px;}
.b3 {height:1px; background:#e0f0ff; border-right:1px solid #4fa5fa; border-left:1px solid #4fa5fa; margin:0 2px;}
.b4 {height:2px; background:#e0f0ff; border-right:1px solid #4fa5fa; border-left:1px solid #4fa5fa; margin:0 1px;}
.contentb {background: #e0f0ff; border-right:1px solid #4fa5fa; border-left:1px solid #4fa5fa;}
.contentb div {padding:5px 10px; text-align:center;}


/***************************************************************
Download button
******************************************************************/
a.btnDownload, a:link.btnDownload { /* status buttons  */
	display:inline;
	color: #000!important;
	font-weight:bold;
	padding: 7px 0 7px 0px;
	text-decoration: none!important;
	background: url("../_images/_default/ei_btn_download_off.gif") no-repeat bottom left;
	float:left;
	width: 130px;
	text-align: center;
}

/* 20090724: change button design as signal image from HIE
.btnDownload span{
	padding:8px 30px 7px 10px;
	background: url("../_images/_default/ei_btn_download_off.gif") no-repeat bottom right;
	margin-right:5px;
} 
*/

a:hover.btnDownload {
	text-decoration: none;	
	background: url("../_images/_default/ei_btn_download_hover.gif") no-repeat bottom left;	
}

/* 20090724: change button design as signal image from HIE
a:hover.btnDownload span{
	color: #000;
	text-decoration: none;	
	background: url("../_images/_default/ei_btn_download_hover.gif") no-repeat bottom right;
}
*/


/***************************************************************
Download button
******************************************************************/
.table_download{
text-align:center!important;
}

.table_download th, .table_download td{
padding:4px;
}
.table_download th{
text-align:right;
font-style:normal
}
.table_download td{
text-align:left
}
.lan_select{width:150px}


/*******************************************************************
Yellow Box
********************************************************************/
.yellowbox {
background-color:#FFFFCC;
border:1px solid #CC9933;
padding:5px;
text-align:left;
margin: 10px 0 10px 0;
}
.float_left {
float:left;
margin:0 12px 0 5px;
}