html
{
	color: #3e3e3e;
}

body
{
	margin:0;
	padding: 0;
	color: #3e3e3e;
	background:#f8f8f8;
	font-family:Arial,Helvetica,sans-serif; 
	font-size: 1em;	
}

#header_btm
{
	width:100%;
	height: 0.3em;
	margin:0;
	padding:0;
	background:#03A1DC;		
}

#main_parent
{
	width:100%;
}	

#main
{
	padding: 0 2em 2em 2em;	
    margin: 0 auto 0 auto;
    background-color: #fff;
}

#tool_name
{
	margin:0;
	font-size: 1.5em;
	line-height: 1.5em;
	text-align:center;
}

#title_bar
{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	padding: 2em 0 1.3em 0;
}

#main_inner
{
	float:left;
	width:100%;
	margin: 0 0 0.8em 0;
	line-height: 1.5em;
	border-top: 0.1em dotted #eee;
	border-bottom: 0.1em dotted #eee;
}


#blank_div_top
{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height: 1em;	
}

#main_right
{
	margin: 0;
	padding: 0 2em 0 2em;
	float:left;
	background-color: #fff;
	line-height: 1.5em;
}

#main_right p
{
	margin: 0;
	line-height: 3em;
}

#main_right a, #main_right a:link, #main_right a:visited
{
	text-decoration: none;
	color: #0E62E4;	
}

#main_right a:hover
{
	text-decoration: underline;
}

.LineTitle
{
	float:left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	height: 2em;
	color: #0174DF;
	font-size: 1.1em;
	font-weight: bold;	
}

.TabName
{
	float:left;
	margin:0 0.3em 0 0;
	padding:0.2em 0.6em;
	width:3em;
	height:2em;
	line-height:2em;
	font-size:0.9em;
	text-align:center;
	cursor:pointer;
	user-select: none;
	border-radius: 0.22em;
}

.TabH
{
	background:#eee;
	color:#666;	
}

.TabD
{
	background:#fff;
	color:#888;	
}

.panel
{
	width:31em;
	padding: 0.5em 0 0 0;
	font-size:0.9em;
}

.panel_line
{
	float:left;
	width:27em;
	height: 1em;
	margin: 0 1em 0 1em;
	padding: 0.5em 1em 0 1em;
	font-size:0.9em;
	border-bottom: 0.1em 	#eee dotted;
}

.pLeft
{
	float:left;
	width: 10em;
	color:#666;	
	font-size:0.9em;
	line-height:1.8em;
	padding: 0.26em 0 0 1.2em; 
	margin-top: 0.55em;
}

.pRight
{
	padding: 0.26em; 
	float:left;
	width: 20em;
	color:#666;	
	font-size:0.9em;
	line-height:0.9em;
	margin-top: 0.55em;
}

.theInput
{
	float:left;
	width: 20em;
	height: 1.8em; 
	font-family:Arial,Helvetica,sans-serif; 
	font-size:0.9em;
	color: #373737; 
	padding: 0.26em; 
	line-height: 1.3em;
}

.TopTexts
{
	float:left;
	width: 30em;
	padding: 0.26em; 
	line-height: 1.3em;
	resize:vertical;
	position: relative;
	font-family: Arial,Helvetica,sans-serif;
	font-size:0.9em;
	height: 10em;
	margin-top: 0.8em;
}

.theURL
{
	float:left;
	width: 30em;
	height: 1.8em; 
	font-family:Arial,Helvetica,sans-serif; 
	font-size:0.9em;
	color: #007838; 
	margin-top: 0.8em;
	padding: 0.26em; 
	line-height: 1.3em;
}

.blank_div
{
	float:left;
	width:100%;
	height:0.8em;
}

.big
{
	margin: 0;
	width: 14em;
	height: 2.5em;
	line-height: 2.5em;	
	font-size: 1em; 
}

#main_btm
{
	padding: 1.5em 0 1.8em 0;
	width: 100%;
	text-align: center;
}

.Button
{
	border: 0.1em #00AEEF solid;
	background:#00AEEF;	
	color: #FFF;	
	
	margin: 0 0.5em 0 0;
	width: 10em;
	height: 2.5em;
	line-height:2.5em;	
	font-size: 1em; 
	padding: 0;
}

.BlackBtn
{
	float:left;	
	text-align: center;
	font-family: arial, sans-serif;
    font-size: 1em;
    cursor: pointer;
    
	  -webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none;   /* Chrome/Safari/Opera */
	  -khtml-user-select: none;    /* Konqueror */
	  -moz-user-select: none;      /* Firefox */
	  -ms-user-select: none;       /* Internet Explorer/Edge */
	  user-select: none;           /* Non-prefixed version, currently    */
	  border-radius: 0.3em;
}

.LineBigBtn2
{
	float:left;
	width:100%;
	margin: 0.7em 0 0.8em 3em;
	padding: 0.8em 0 0 0;
	min-height: 3em;
	width:100%;
}

.BtnCursor
{
	cursor: pointer;
}

#qrcode
{
	float:left;
	width:256px;
	height:256px;
	margin:1em 3em 5em 3em;
}

.mycode
{
	float:left;
	width:256px;
	height:256px;
}

.output_file_info
{
	float: left;
	padding: 1em 0em 1em 0em;
	margin: 1em 0 1.5em 0;
	background-color:#fff;
	line-height: 2.2em;
	text-indent: 0;
	border: 0.08em #0174DF solid;
	width:100%;
	border-radius: 0.38em;
}

.output_file_info a,.output_file_info a:link,.output_file_info a:visited
{
	text-decoration: none;
	color: #0E62E4;
}

.output_file_info a:hover
{
	text-decoration: underline;
}

#main_right .output_file_info .p1
{
	margin: 0 2em 1em 2em;
	line-height: 1.6em;
}

#main_right .output_file_info .p2
{
	line-height: 1.6em;
	margin: 0 2em 1em 2em;
}