html, body {
	background: #666666;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: auto; /* when page gets too small */
	}

/*------------------*/
/* -- ui setting -- */
/*------------------*/
.pane {
	display: none; /* will appear when layout inits */
	}
.ui-layout-center,
.ui-layout-east,
.ui-layout-west,
.ui-layout-west .ui-layout-content { /* content-div has Accordion *//* remove padding and scrolling from elements that contain an Accordion OR a content-div */
	padding: 0;
	/*overflow: hidden;*/
	}
.ui-layout-center P.ui-layout-content {
	height: 100%;
	line-height: 22px;
	margin: 0; /* remove top/bottom margins from <P> used as content-div */
	}
h3, h4 { /* Headers & Footer in Center & East panes */
	font-size: 16px;
	background: #EEEEFF;
	border: 1px solid #BBBBBB;
	border-width: 0 0 1px;
	padding: 7px 10px;
	margin: 0;
	}
.ui-layout-west h4 { /* Footer in East-pane */
	font-size: 14px;
	font-weight: normal;
	border-width: 1px 0 0;
	}

/*----------------------*/
/* -- center -> main -- */
/*----------------------*/
#container {
	background: #999999;
	height: 100%;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	min-width: 960px;
	_width: 700px; /* min-width for IE6 */
	}

/*-----------------------*/
/* -- south -> footer -- */
/*-----------------------*/
#footer{
	padding: 5px;
	margin: 0 auto;
	}
#copyright {
	margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 22px;
	}

/*-------------------------------*/
/* -- north -> header -> menu -- */
/*-------------------------------*/
#menu {
	border-top: 1px solid #BBBBBB;
	background:#E6E6E6;
	}
ul {
	margin: 0;
	padding: 0;
	}
ul.toolbar {
	position: relative;
	overflow: hidden; /* required to CONTAINER 'floating li' in FF */
	height: auto;
	margin: 0;
	padding: 2px;
	width: 100%;
	list-style: none;
	text-align: left;
	}
ul.toolbar li {
	font-size: 14px;
	margin: 0;
	padding: 2px 7px;
	float: left;
	color: #000000;
	border: 1px solid transparent;
	border-right-color: #BBBBBB;
	cursor: pointer;
	}
ul.toolbar li:hover {
	color: #000055;
	background: #EEEEEE;
	border-top-color: #BBBBBB;
	border-bottom-color: #BBBBBB;
	}
ul.toolbar li.first:hover {
	border-left-color: #BBBBBB;
	}
ul.toolbar li span {
	/* icons in toolbar */
	width:  15px;
	height: 15px;
	margin-left: -3px;
	margin-right: 0.75px;
	vertical-align: middle;
	opacity: 0.6;
	filter: alpha(opacity=60);
	display: block;
	display: inline-block;
	}
ul.toolbar li:hover span {
	opacity: 1;
	filter: alpha(opacity=100);
	}
ul.toolbar a {
	text-decoration: none;
	}

/*----------------------------------------------*/
/* -- north -> header -> Login/Logout Button -- */
/*----------------------------------------------*/
input.loginbt {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	display: inline-block;
	}
input.loginbt {
	background: #0099CC;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	background: -ms-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	color: #FFFFFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #0099CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 120px;
	padding: 5px 1px;
	}
input.loginbt:hover{
	background: #000080;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#000080);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#000080));
	background: -ms-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#000080);
	border: 1px solid #000080;
	}

/*----------------------*/
/* -- title -> h1,h2 -- */
/*----------------------*/
.title01{
	border-left: 10px solid #5C9CCC;
	font-size:25px;
	}
.title02{
	border-left: 10px solid #5C9CCC;
	font-size: 25px;
	color: #524E4D;
	}
.title03{
	margin: 24px 0;
	padding: 8px 0 5px 16px;
	background: #FFFFFF;  
	border-bottom:3px solid #5C9CCC;    
	font-size: 18px;
	font-weight: bold;
	}

/*--------------*/
/* -- button -- */
/*--------------*/
.btn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	display: inline-block;
	}
.btn {
	background: #0099CC;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	background: -ms-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	color: #FFFFFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #0099CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 180px;
	padding: 15px 10px;
	}
.btn:hover{
	background: #000080;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#000080);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#000080));
	background: -ms-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#000080);
	border: 1px solid #000080;
	}

/*-----------------------*/
/* -- button_disabled -- */
/*-----------------------*/
.btndis {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	display: inline-block;
	}
.btndis {
	background: #C0C0C0;
	color: #FFFFFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #C0C0C0;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 180px;
	padding: 15px 10px;
	}

/*------------------------*/
/* -- circle -> button -- */
/*------------------------*/
.circlebtn {
	width: 60px;
	height: 38px;
	background: #FFFFFF;
	border: 1px solid #5C9CCC;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	color: #5C9CCC;
	padding: 42px 20px 20px;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	transition: background-color 0.5s ease-in;
	-webkit-transition: background-color 0.5s ease-in;
	}
.circlebtn:hover {
	background: #5C9CCC;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	}
	
/*----------------------*/
/* -- link -> button -- */
/*----------------------*/

a.linkbtn {
    background-color: #DDEEFF;
    border: 1px solid #8888FF;
    padding: 3px 8px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #C3E1FF;
    cursor: pointer;
    text-decoration: none;
	}
a.linkbtn:hover {
    color: #FFFFFF;
    background-color: #000080;
    text-shadow: 0px 0px 3px #FFFFFF;
    text-decoration: none;
	}

/*----------------------*/
/* -- link -> link -- */
/*----------------------*/

a.linkdec {
    color: #0033CC;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	}
a.linkdec:hover {
    color: #3399FF;
	}
/*----------------------*/
/* -- input -> button -- */
/*----------------------*/
input.linkbtn {
    background-color: #DDEEFF;
    border: 1px solid #8888FF;
    padding: 1px 8px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #C3E1FF;
    cursor: pointer;
	}
input.linkbtn:hover {
    color: #FFFFFF;
    background-color: #000080;
    text-shadow: 0px 0px 3px #FFFFFF;
	}

/*-----------------------*/
/* -- input -> submit -- */
/*-----------------------*/
.submit {
    border:1px solid #777777;
    padding: 4px 10px;
    color: #FFFFFF;
    cursor: pointer;
    background: #428EC9;
    border-radius: 5px;
    font-weight: bolder;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#99C9E5),
        to(#428EC9)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #FFFFFF;
         
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #99C9E5,
        #428EC9
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #FFFFFF;
     
    /* IE */
    filter:progid: DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
	}
.submit:hover {
	background: #000080;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#000080);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#000080));
	background: -ms-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#000080);
	border: 1px solid #000080;
	}

/* -------------------*/
/* -- table -> tbl -- */
/* -------------------*/
table.tbl {
	margin-top: 3px;
	margin-bottom: 16px;
	border-collapse: collapse;
	border: solid 1px #999999;
	font-size: 90%;
	}
table.tbl caption {
	margin-top: 16px;
	text-align: left;
	}
table.tbl th,
	table.tbl td {
	border: solid 1px #999999;
	padding: 4px 6px;
        overflow-wrap : break-word;
	}
table.tbl th {
	background-color: #E6E6E6;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	text-align: left;
	white-space: nowrap;
	color: #666666;
	}
table.tbl .odd { /* -- zebra pattern -- */
	background: #D8F9FF;
	}
table.tbl .even { /* -- zebra pattern -- */
	background: #FFFFFF;
	}
table.tbl .center {
	text-align: center;
	}
table.tbl td.updated {
	text-align: left;
	font-weight: bolder;
	background-color: #F0E68C;
	width: 300px;
	word-wrap:break-word;
	}
table.tbl td.current {
	text-align: left;
	background-color: #FFFACD;
	width: 250px;
	word-wrap:break-word;
	}

/*------------------------------*/
/* -- Navigation for db_list -- */
/*------------------------------*/
.sidemenu{
	margin-bottom: 10px;
	padding: 0 0 1px 0;
	background-color: #DBDBDB;
	}
.sidemenu ul,
.sidemenu ol {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 22px;
	list-style: none;
	}
.sidemenu li a {
	display: block;
	padding: 8px 5px 8px 5px;
	color: #000000;
	text-decoration: none;
	}
.sidemenu li a:hover {
	background-color: #EEEEEE;
	}
.sidemenu > h3 {
	margin: 0;
	padding: 10px;
	background-color: #DFC27E;
	font-size: 14px;
	}
.sidemenu > p {
	margin: 10px;
	}
.sidemenu li a {
	padding-left: 10px;
	text-decoration: none;
	}
.sidemenu li a:hover {
	background-color: #9ECEEF;
	}

/*---------------------------------------*/
/* -- north -> header -> menu -> more -- */
/*---------------------------------------*/
.modal {
	display:none;
	}
.modalBody {
	position: fixed; 
	z-index: 1000; 
	background: #FFFFFF; 
	width: 690px; 
	left: 50%; 
	top: 50%; 
	height: 600px
	}
.modalBK {
	position: fixed; 
	z-index: 999; 
	height: 100%; 
	width: 100%;
	background: #000000; 
	opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	}
.modal {
	width: 690px; 
	color: #000000;
	}
.modal p {
	font-size: 12px; 
	text-align: justify;
	}
.modal h1 {
	font-weight: bold; 
	font-size: 18px;
	border-left: 10px solid #8EB8FF;
	}
.modalBody {
	padding: 10px;
	}
div.modal_menu {
   float: left;
   width: 33%;
	}
.close {
	}

/*--------------*/
/* -- select -- */
/*--------------*/
.dropdown{
	padding: 0px;
	width: 400px;
}

/*---------------------*/
/* -- input -> text -- */
/*---------------------*/
.text, textarea{
	border:1px solid #AAAAAA;
	padding: 5px;
	color: #000000;
	background: #FFFFFF;
	border-radius: 5px;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#EEEEEE),
		to(#FFFFFF)
		);

	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #FFFFFF;
	    
	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#EEEEEE,
		#FFFFFF
		);

	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #FFFFFF;
	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	}

/* ------------------------------------- */
/* -- Navigation for user/contributor -- */
/* ------------------------------------- */
#nave {
	width: 240px;
	}
#nave ul {
	list-style: none;
	margin: 0;
	padding: 0px 0px;
	border-top: 1px dotted #999999;
	}
#nave li {
	margin: 0;
	padding: 1px 1px;
	border-bottom: 1px dotted #999999;
	}
#nave a {
	border-left: 8px solid #000099;
	padding: 7px 10px;
	display: block;
	color: #333333;
	text-decoration: none;
	}
#nave a:hover {
	border-left: 8px solid #FFCC33;
	color: #111111;
	}
#nave a.selected {
	border-left: 8px solid #FFCC33;
	color: #111111;
	}

/* --------------- */
/* -- Attention -- */
/* --------------- */
fieldset.attention {
	font-size: 14px;
	border-color: #FF0000;
	border-style: solid;
	padding: 0 10px 5px 10px;
	}
legend.attention {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	padding: 0 10px;
	margin-top: 10px;
	}
	
/* ---------------------- */
/* -- Map Reset Button -- */
/* ---------------------- */
button.bmap {
	font-size: 15px;
	font-weight: bold;
	padding: 5px 15px;
	color: #FFFFFF;
	border-style: none;
	box-shadow: 2px 2px 3px 1px #666666;
	-moz-box-shadow: 2px 2px 3px 1px #666666;
	-webkit-box-shadow: 2px 2px 3px 1px #666666;
	background: #9CCC5C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button.bmap:hover {
	opacity: 0.8;
}

/* ---------------- */
/* -- Google Map -- */
/* ---------------- */
.wrapper{
	position: relative;
	height: 100%; 
	margin: -20px -30px; 
	padding: 0px;
}

/* ----------------- */
/* -- Data Search -- */
/* ----------------- */
.search{
	margin: 4px;
	padding: 5px 6px;
	border-color: #5C9CCC;
	border-width: 0 0 0 7px;
	border-style: solid;
}

/*-----------------*/
/* -- Login Box -- */
/*-----------------*/
#loginbox {
	margin: 10px 10px 10px 10px;
	}

/*------------------*/
/* -- Login Form -- */
/*------------------*/
#login {
	width: 248px; 
	border: 1px solid #899CAA;
	border-radius: 3px 0 3px 3px;
	-moz-border-radius: 3px 0 3px 3px;
	margin-top: -1px;
	background: #D2E0EA;
	padding: 6px;
	}

#login fieldset {
	margin: 0 0 12px 0;
	display: block;
	border: 0;
	padding: 0;
	}

#login fieldset#body {
	background: #FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px 13px;
	margin: 0;
	}

#login #body label {
	color: #3A454D;
	margin: 9px 0 0 0;
	display: block;
	float: left;
	}

#login #body fieldset label {
    display: block;
    float: none;
    margin: 0 0 6px 0;
	}

#login input {
	width: 92%;
	border: 1px solid #899CAA;
	border-radius: 3px;
	-moz-border-radius: 3px;
	color: #3A454D;
	font-weight: bold;
	padding: 8px 8px;
	Container-shadow: inset 0px 1px 3px #BBBBBB;
	-webkit-Container-shadow: inset 0px 1px 3px #BBBBBB;
	-moz-Container-shadow: inset 0px 1px 3px #BBBBBB;
	font-size: 12px;
	}

/*--------------------*/
/* -- Login Button -- */
/*--------------------*/
#login #loginbt {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	display: inline-block;
	}
#login #loginbt {
	background: #0099CC;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	background: -ms-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	color: #FFFFFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #0099CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 180px;
	padding: 15px 10px;
	}
#login #loginbt:hover{
	background: #000080;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#000080);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#000080));
	background: -ms-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#000080);
	border: 1px solid #000080;
	}

/*----------------------------*/
/* -- Forgot your password -- */
/*----------------------------*/
#login span.fpwd {
	text-align: center;
	display: block;
	padding: 7px 0 4px 0;
	}
#login span.fpwd a {
	color: #3A454D;
	text-shadow: 1px 1px #FFFFFF;
	font-size: 12px;
	}

/*-------------*/
/* -- Table -- */
/*-------------*/
.fixedTable td, .fixedTable th {
	border: 1px solid #778899;/* appearance */
	padding: 5px;/* size */
	}
.fixedTable {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;/* text */
	}
.fixedTable tbody tr td {
	background-color: #EEF2F9;/* appearance */
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	color: #262C31;/* text */
	font-size: 13px;
	padding: 5px 10px;
	}

.fixedTable tbody tr td.not_available {
	background-color: #B8B8B8;/* appearance */
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	color: #262C31;/* text */
	font-size: 13px;
	padding: 5px 10px;
	}
	
.fixedTable thead tr th,
.fixedTable thead tr td,
.fixedTable tfoot tr th, 
.fixedTable tfoot tr td {
	/*background-color: #8ca9cf;*/
	background-color: #5C9CCC;/* appearance */
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	color: #121517;/* text */
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 1px #E8EBEE;
	padding: 5px 10px;
	}
	
/*---------------------*/
/* -- Error Message -- */
/*---------------------*/
.error {
	color: #CD0A0A;
	font-weight: bold;
	}

/*----------------------*/
/* -- Error -> Input -- */
/*----------------------*/
.input_error {
	background-color: #FABBA3;
	}
	
/*---------------*/
/* -- Message -- */
/*---------------*/
.msg {
	color: #CD0A0A;
	font-weight: bold;
	}
	
/*-------------------*/	
/* -- font -> red -- */
/*-------------------*/	
.red {
	color: #FF0000;
	}

/*-------------------*/	
/* -- font -> blue -- */
/*-------------------*/	
.blue {
	color: #0000FF;
	}

/*-------------------*/	
/* -- font -> gray -- */
/*-------------------*/	
.gray {
	color: #F5F5F5;
	}

/*-------------------*/	
/* -- font -> gray2 -- */
/*-------------------*/	
.gray2 {
	color: #757575;
	}

/*-----------*/	
/* -- img -- */
/*-----------*/	
img {
    border-style: none;
	}

/*---------------*/	
/* -- loading -- */
/*---------------*/	
#loading {
	width: 88px;
	height: 88px;
	margin: -74px 0 0 -74px;
	padding: 20px;
	opacity: 0.5;
	border-radius: 15px;
	position: fixed;
	left: 50%;
	top: 50%;
	}

/*---------------------*/
/* -- text -> count -- */
/*---------------------*/
.text-count-wrapper {
	font-size: 12px;
	color: #5C9CCC;
	}

/*--------------------------*/
/* -- password -> change -- */
/*--------------------------*/
#pm-indicator {
	margin: 10px 0;
	padding: 24px 16px;
	color: #2C3E50;
	font-size: 12px;
	text-align: center;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	background: #E4E4E4;
	text-shadow: 1px 1px 0 rgba(255,255,255,.8);
	-webkit-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}

#pm-indicator.very-weak,
#pm-indicator.not-match {
	border-color: #BE1D30;
	background-color: #FFC3CF;
	}

#pm-indicator.weak {
	border-color: #FF787D;
	background-color: #FFE6E5;
	}

#pm-indicator.strong {
	border-color: #78BC42;
	background-color: #BCEEA6;
	}

#pm-indicator.very-strong {
	border-color: #4F85A7;
	background-color: #68C6D7;
	}

/*-------------------------*/
/* -- search -> station -- */
/*-------------------------*/
ul.parameter {
	width: 300px;
	list-style-type: none;
	}

ul.parameter li {
	float: left;
	margin: 5px 5px 5px 0;
	white-space: nowrap;
	}

/*-------------------------------------*/
/* -- search/station -> gas species -- */
/*-------------------------------------*/
ul.gas {
	width: 100%;
	max-width: 1000px;
	min-width: 70px;
	list-style-type: none;
	}

ul.gas li {
	float: left;
	margin: 5px 5px 5px 0;
	white-space: nowrap;
	}

.cfx:after {
	content: ".";
	height: 0;
	line-height: 0; 
	clear: both;
	display: block;
	visibility: hidden;
	}
	
/*-------------------------------------------------*/
/* -- search/station -> organization/parameter -- */
/*-------------------------------------------------*/
ul.station {
	width: 700px;
	list-style-type: none;
	}

ul.station li {
	float: left;
	margin: 5px 5px 5px 0;
	white-space: nowrap;
	}

ul.station_name {
	width: 700px;
	list-style-type: none;
	}

ul.station_name li {
	float: left;
	margin: 5px 5px 5px 0;
	white-space: nowrap;
	}

/*---------------------------*/
/* -- contributor -> edit -- */
/*---------------------------*/
.invisible {
	display: none;
	}
	
/*-------------------*/
/* -- gas species -- */
/*-------------------*/
sub { 
	line-height: 1; 
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	}
/*sub {
	top: 4px;
	}*/

/*----------------------------*/
/* -- search -> google map -- */
/*----------------------------*/
#legend {
	background: #FFFFFF;
	padding: 10px,
	margin: 10px;
	}
#legend div {
	margin: 5px;
	float:left;
	}

/*------------------*/
/* -- breadCrumb -- */
/*------------------*/
.breadCrumb
{
    margin: 0px 5px 0px 5px;
    padding: 0px 5px 0px 5px;
    float: left;
    display: inline-block;
    height: 21px;
    overflow: hidden;
    width: 100%;
    /*width: 990px;*/
    padding:5px;
    /*border:solid 1px #dedede;*/
    background:#fff;
    white-space: nowrap;
}
.breadCrumb ul
{
    margin: 0px 15px 0px 5px;
    padding: 0;
    height: 21px;
    display: inline-block;
}
.breadCrumb ul li
{
    display: inline-block;
    float: left;
    position: relative;
    height: 21px;
    overflow: hidden;
    line-height: 21px;
    margin: 0px 5px 0px 0;
    padding: 0px 0px 0px 0;
    font-size: .9167em;
}
.breadCrumb ul li a
{
    display: inline-block;
    position: relative;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
    float: left;
}
.breadCrumb ul li::after
{
  margin: 0px 0px 0px 5px;
  content: ">";
}
.breadCrumb ul li:last-child::after
{
  margin: 0px 0px 0px 5px;
  content: "";
}