@charset "UTF-8";
/*************************************************************************
text_normal: #838487; //858585
text_link1: #777; /hover #999; bg: #151515
*************************************************************************/
#bodyWrapper	{ 
	z-index: 10 !important; position:relative; 
	clear:both; table-layout:fixed; display: table;
	width:100%; height:100%; 
	margin:0px auto;
	text-align:center; 
	/*height: calc(100% - 10px);*/
}
#right_flow_box { display: block; }
#site_part_main .content { padding-left: 30px; padding-right: 30px; }


/*************************************************************************************/
/* Hero Title (Parallax) [Start] */
/*************************************************************************************/
section.hero_title .portrait {
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
}
section.hero_title .landscape {
	-webkit-background-size: 100% auto; /* cover */
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}

section.hero_title { position: relative; overflow: hidden; background-color: #111; }

/* @color */
section.hero_title .hero-content-inner .title {
	color: #fff;
	text-shadow:rgba(0,0,0, 0.3) 0px 1px 0px !important;
}
section.hero_title .hero-content-inner .description {
	color: #a1a1a1;
	text-shadow:rgba(0,0,0, 0.3) 0px 1px 0px !important;
}
section.hero_title .hero-content-inner .button a {
	color: #c1c1c1 !important;
	text-shadow:rgba(0,0,0, 0.3) 0px 1px 0px !important;
	border: 2px solid rgba(255,255,255, 0.9) !important;
	background: none !important;
}
section.hero_title .hero-content-inner .button a:hover {
	color: #555 !important;
	text-shadow:rgba(255,255,255, 0.3) 0px -1px 0px !important;
	background: rgba(255,255,255, 0.9) !important; 
	border: 2px solid rgba(255,255,255, 0.9) !important;
}

.hero_container {
	background: none;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 1;
}

.hero_item { width: 100%; height: 100%; }

.hero-content {
	position: relative;
	width: 100%; max-width: 100%; height: 100%;
	margin: 0px auto;
	text-align: center; vertical-align: middle;
	z-index: 1; overflow: hidden;
	/*
	-webkit-transition-property: 0s linear;
	-webkit-transition-property: background-position;
	transition-property: background-position;
	transition: 0s linear;
	*/
}
.hero-content-inner {
	margin: 0px auto;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block !important;
	top: 0px;
	bottom: 0px;
	vertical-align: middle;
	z-index: 100;
	
	-moz-box-shadow: inset 0 -300px 200px rgba(0, 0, 0, .6);
	-webkit-box-shadow: inset 0 -300px 200px rgba(0, 0, 0, .6);
	box-shadow: inset 0 -300px 200px rgba(0, 0, 0, .6);
}

.full .hero-content-inner {
	background-color: rgba(0, 0, 0, .4);
	-moz-box-shadow: inset 0 -300px 250px rgba(0, 0, 0, .5);
	-webkit-box-shadow: inset 0 -300px 250px rgba(0, 0, 0, .5);
	box-shadow: inset 0 -300px 250px rgba(0, 0, 0, .5);
}
.hero-content .hero_image {
	display: block; float: none;
	position: absolute; z-index: 1;
	margin: 0 auto;
	min-width: 100%; max-height: 500%;
			  
	-webkit-animation: zoomInAndOut 15s cubic-bezier(0.55, 1, .55, 1);
	-moz-animation: zoomInAndOut 15s cubic-bezier(0.55, 1, .55, 1);
	-o-animation: zoomInAndOut 15s cubic-bezier(0.55, 1, .55, 1);
	animation: zoomInAndOut 15s cubic-bezier(0.55, 1, .55, 1);
}
.hero_container.parallex .hero-content .hero_image {
	-webkit-transition: transform 24s ease-out;
	-moz-transition: transform 24s ease-out;
	-ms-transition: transform 24s ease-out;
	-o-transition: transform 24s ease-out;
	transition: transform 24s ease-out;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.hero_container.parallex .hero-content .hero_image.scale {
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	-o-transform: scale(1) !important;
	transform: scale(1) !important;
}

 
.hero-content-inner .row {
	position: absolute; left: 0px; right: 0px;
	padding: 0px 20px 0px 20px;
	bottom: 0px;
}

.hero-content-inner .row.active,
.hero-content-inner .row.active div {
	-webkit-transition:1500ms ease-out; -moz-transition:1500ms ease-out; -ms-transition:1500ms ease-out; -o-transition:1500ms ease-out; transition:1500ms ease-out;
}

.hero-content-inner .row div {
	display: block; opacity: 0;
	width: 90%; max-width: 480px;
	padding-top:15px;
}
.hero-content.left_small .hero-content-inner .row div,
.hero-content.right_small .hero-content-inner .row div,
.hero-content.center_small .hero-content-inner .row div {
	padding-top: 10px;
}	
.hero-content-inner .row .button {
	padding-bottom: 0px; 
}
.hero-content-inner .row .button a {
	line-height: 36px;
}

/* Center */
.hero-content.center .hero-content-inner .row div,
.hero-content.center_small .hero-content-inner .row div {
	width: 90%;  max-width: 90%; margin: 0px auto;
	text-align: center;
	text-transform: uppercase;
}
.hero-content.center .row .title:after {
    display: block;
    content: "";
    height: 3px;
    width: 50px;
    margin: 0px auto;
    margin-top: 20px;    	
	background: #E1E1E1;
	background: rgba(255, 255, 255, 0.7); /* modern browser */
}

/* Left */
.hero_title .hero-content.left .row div,
.hero_title .hero-content.left_small .row div {
	text-align: left;
}
/* Right */
.hero_title .hero-content.right .row div,
.hero_title .hero-content.right_small .row div {
	text-align: right;
	float: right;
	clear: right;
}

/* Title */
.hero-content-inner .row .title {
    font-family: 'Roboto', "Raleway", 'Lato', 'Helvetica Neue', sans-serif;
    font-size: 44px;
	font-weight: 500;
}
.hero-content-inner .row .description {
    font-family: 'Open Sans', 'Lato', 'Helvetica Neue', sans-serif;
    font-size: 14px;
	font-weight: 500;
}

/* full_title */
.hero_title.full .hero-content-inner .title {
	font-size: 54px;
}



/*************************************************************************************/
/* Small size */
/*************************************************************************************/
/* small_title */
.hero-content.left_small .hero-content-inner .title,
.hero-content.right_small .hero-content-inner .title,
.hero-content.center_small .hero-content-inner .title {
	font-size: 16px !important;
}
.hero-content.left_small .hero-content-inner .row .title:after,
.hero-content.right_small .hero-content-inner .row .title:after,
.hero-content.center_small .hero-content-inner .row .title:after {
	height: 0px !important;
	margin: 0px !important;
}

/* description */
.hero-content.left_small .hero-content-inner .description,
.hero-content.right_small .hero-content-inner .description,
.hero-content.center_small .hero-content-inner .description {
	font-size: 12px;
}

.hero-content.left_small .hero-content-inner .row .button a,
.hero-content.right_small .hero-content-inner .row .button a,
.hero-content.center_small .hero-content-inner .row .button a {
	padding:0px 8px 0px 8px !important; font-size: 11px !important; line-height:26px !important; height:30px !important;	
}

@media all and (max-width: 450px) , all and (max-height: 450px) { /* iphone6, iphone6p landscapes and tablets */
	.hero_title .hero-content-inner .row div {
		width: 90%;  max-width: 90%; margin: 0px auto;
		text-align: center; text-transform: uppercase;
	}
	.hero_title .hero-content-inner .row {
	}
	.hero_title .hero-content-inner .row .title {
		font-size: 30px;
	}
	.hero_title .hero-content-inner .row .description {
		font-size: 12px;
	}
	.hero_title .hero-content-inner .row .button a {
		padding:0px 8px 0px 8px !important; font-size: 11px !important; line-height:26px !important; height:30px !important;	
	}
	
	.hero-content.center .row .title:after {
	    display: block;
	    content: "";
	    height: 2px;
	    width: 30px;
	    margin-top: 10px;
	}
	
}

/*************************************************************************************/
/* Hero Title (Parallax) [End] */
/*************************************************************************************/












 
 
 
#container 	{ clear:both; margin:0px auto; table-layout:fixed; }
#container:before,
#container:after { display: table; content: " "; }
#container:after { clear: both; }

#container1 	{ clear:both; margin:0px auto; table-layout:fixed; width:100%; position: relative; }


#site_title {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
	display:inline-block; clear:both; position:relative; overflow:hidden; table-layout:fixed;
	width:100%; line-height: 100%;
	margin:0px auto; vertical-align:middle;
	border-top-left-radius:7px; -moz-border-top-left-radius:7px; border-top-right-radius:7px; -moz-border-top-right-radius:7px;
	white-space: nowrap;
	
	/* .bg_title */
	text-shadow:#fff 0px 1px 0px;
	border-bottom:#C9C9C9 1px solid;
	background-color:#E1E1E1; 
	background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#E1E1E1));
	background: -webkit-linear-gradient(top, #FDFDFD, #E1E1E1);
	background: -moz-linear-gradient(top, #FDFDFD, #E1E1E1);
	background: -ms-linear-gradient(top, #FDFDFD, #E1E1E1);
	background: -o-linear-gradient(top, #FDFDFD, #E1E1E1);
	background: linear-gradient(top, #FDFDFD, #E1E1E1); /* W3C */
	
	-webkit-box-shadow: rgba(255,255,255, 1.0) 0px 5px 20px 0px inset; -moz-box-shadow: rgba(255,255,255, 1.0) 0px 5px 20px 0px inset; box-shadow: rgba(255,255,255, 1.0) 0px 5px 20px 0px inset;
}

#site_column { width:100%; height:100%; display:table; clear:both; border-top:1px solid #FFFFFF; }
#site_column #site_part_snb,
#site_column #site_part_main,
#site_column #site_part_right { width:auto; *height:100%; margin:0px auto; top:0px; bottom:0px; position:relative; vertical-align:top; display:table-cell; float: none; }
#site_column #site_part_snb { *float:left; z-index:1; border-left:1px solid #FFFFFF; border-right:1px solid #D5D5D5; }
#site_column #site_part_main { *float:left; z-index:1; }  /* background:transparent !important; background: url("images/icons/bg_layout_right.png") repeat-y left top;*/
#site_column #site_part_right { *float:left; z-index:1; border-left:1px solid #D1D1D1; background:url('../images/sys/bg_right_section.png') no-repeat left top; background-size:5px 100%; background-repeat:no-repeat; }

/* cpath */
.cpath { clear:both; margin:0px auto; display:table; }
.cpath ul.left, .cpath ul.right { width:auto; }
.cpath ul.left li, .cpath ul.right li { float:left; }
.cpath ul li a {
	font-size:12px; letter-spacing:-0.2px !important; text-decoration: none !important; text-align: center;
	display:table-cell; float:none; width:auto; height:100%; max-height:100%; vertical-align:middle !important; 
	 height:50px; line-height: 50px;
	padding:0px 10px 0px 0px; -webkit-font-smoothing: antialiased; 
	-webkit-transition:200ms ease-in-out !important; -moz-transition:200ms ease-in-out !important; -ms-transition:200ms ease-in-out !important; -o-transition:200ms ease-in-out !important; transition:200ms ease-in-out !important;
}
.cpath ul li a.link:before {
	content: "\f105";
	padding-right:10px;
}
.cpath ul li a.home { font-size:14px; }
.cpath ul li a.scroll_top { padding:0px 0px 0px 10px; text-align: center; overflow:hidden !important; }

 
 



/*************************************************************************
	Footer path, sitemap, copyright (White/Black)
*************************************************************************/
footer { clear:both; margin:0px auto; table-layout:fixed; text-align: center; }
footer .container 	{ clear:both; margin:0px auto; table-layout:fixed; }

#footer_path,
#footer_sitemap,
#footer_copyright { clear:both; margin:0px auto; display:table; }

footer #footer_sitemap,
footer #footer_sitemap ul { border: none !important; }
footer #footer_sitemap ul { padding: 50px 30px 50px 0px; }
footer #footer_sitemap:first-child ul { border-left:0px !important; }

footer #footer_sitemap H4 { padding-bottom:5px; }
footer #footer_sitemap a { padding-bottom:3px; }

@media all and (max-width: 735px) { /* smaller than iphone6sp landscapes */
	#footer_sitemap.column .allitem { 
		display: block;
		clear: both;
		float: none;
		width: 100% !important; 
		border:0px !important;
	}
}

footer #footer_copyright { display: table; }
footer #footer_copyright ul { display: table-cell; width: auto; *float: left; height: 22px; line-height: 22px; }
footer #footer_copyright .right a { display: inline-block; vertical-align: middle; height: 20px; line-height: 20px; }
footer #footer_copyright span.text,
footer #footer_copyright a.text { font-size:12px; font-weight:normal; letter-spacing:-0.2px !important; text-decoration:none !important; vertical-align:middle; white-space:nowrap; }


/*************************************************************************
	Color - White / Black
*************************************************************************/
/* White */
HTML { background-color:#f2f2f2; }
footer.white { background-color:#f2f2f2; }
footer.white .container { border-top: 1px solid #dadada; }

footer.white span.text,
footer.white a, 
footer.white a:hover:before { color:#797979; text-shadow:rgba(255,255,255, 1) 0px 1px 0px; }

footer.white #footer_sitemap H4 { color:#333; text-shadow:rgba(255,255,255, 1) 0px 1px 0px !important; }
footer.white #footer_sitemap a.link { color:#656565; text-shadow:rgba(255,255,255, 1) 0px 1px 0px !important; }


/* Black */ 
HTML { background-color:#222; }
footer.black { background-color:#222; }
footer.black .container { border-top: 1px solid #272727; border-bottom: 1px solid #111; }

footer.black span.text,
footer.black a, 
footer.black a:hover:before { color:#7d7d7d; text-shadow:rgba(0,0,0, 1) 0px 1px 0px; }

footer.black #footer_sitemap H4 { color:#d6d6d6; text-shadow:rgba(0,0,0, 1) 0px 1px 0px !important; }
footer.black #footer_sitemap a.link { color:#7d7d7d; text-shadow:rgba(0,0,0, 1) 0px 1px 0px !important; }
/*************************************************************************
	Footer path, sitemap, copyright (White/Black)
*************************************************************************/






/* Mobile & Tablet */
@media all and (max-width: 1023px) { /* iphone6, iphone6p landscapes and tablets */
	#system_msg { 
		position: fixed; 
		-webkit-transform: translate3d(0, 48px, 0);
		-moz-transform: translate3d(0, 48px, 0);
		-ms-transform: translate3d(0, 48px, 0);
		-o-transform: translate3d(0, 48px, 0);
		transform: translate3d(0, 48px, 0);
	 }
	header #header #logo { 
		top: 10px;
		left: 48px;
		height: 48px; line-height: 48px; vertical-align: middle; text-align: center;
	}
	header #header #logo #logo_image { 
		height: 32px !important;
	}
	
	
}



 
 
 



/* ONLY Desktop */

/*** Parallax banner on top (admin/menu.php) ***/
#parallax-banner { 
	z-index: -50; overflow:hidden; clear:both;
	position:absolute; top:0px; 
	width:100%; height:600px;
}
#parallax-banner img { position: absolute; height:100%; width:100%; }
#parallax-banner iframe { position: absolute; z-index: -5; height:100%; width:100%; }






 
 
/*************************************************************************
*      Client view
**************************************************************************/
 
 
 
 
 
 
 /* Not use : old button style (Go) */
 #mobile-search .searchfield2:hover + input[type=submit],
 #mobile-search .searchfield2:focus + input[type=submit] { 
 	 color:#FFFFFF !important; 
 	background-color:#5B8AD8; 
 	background: -webkit-gradient(linear, left top, left bottom, from(#007CFF), to(#007CFF));
 	background: -webkit-linear-gradient(top, #007CFF, #007CFF);
 	background: -moz-linear-gradient(top, #007CFF, #007CFF);
 	background: -ms-linear-gradient(top, #007CFF, #007CFF);
 	background: -o-linear-gradient(top, #007CFF, #007CFF);
 	background-image: -ms-linear-gradient(top, #007CFF 0%, #007CFF 100%);
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
       
 /*** Mobile search - not using ********************************************************/
   #mobile-search {
   	z-index: 3000; position: fixed;
   	top:0px; 
   	width: 100%; height:48px;
   	background: #cacaca;
   	-webkit-transform: translate3d(0, -48px, 0);
   	-moz-transform: translate3d(0, -48px, 0);
   	-o-transform: translate3d(0, -48px, 0);
   	transform: translate3d(0, -48px, 0);
   	
   	-webkit-transition:-webkit-transform 0.15s linear;
   	-moz-transition:-moz-transform 0.15s linear;
   	-o-transition:-o-transform 0.15s linear;
   	transition:transform 0.15s linear;
   	visibility: hidden;
   }
   #mobile-search.open {
   	-webkit-transform: translate3d(0, 0px, 0);
   	-moz-transform: translate3d(0, 0px, 0);
   	-o-transform: translate3d(0, 0px, 0);
   	transform: translate3d(0, 0px, 0);
   }
   #mobile-search .vallitem { height: 48px; line-height: 48px; vertical-align: middle; text-align: center; }
   #mobile-search .vitem_left { padding-left: 10px; }
   #mobile-search .vitem_right { width: 48px; color: #777; font-size:14px; }
   
   #mobile-search-icon { color:#c1c1c1; font-size:14px; margin:0px 0px 0px 10px; }
   
   #mobile-search .search_keyword {
   	width:100%; height:34px;
   	padding:6px 3px 6px 30px;
   	color:#777; font-size:14px; letter-spacing:-0.1px !important;
   	background:#e1e1e1;
   	border-top-right-radius:4px; -moz-border-top-right-radius:4px; border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; 
   	border-top-left-radius:4px; -moz-border-top-left-radius:4px; border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px;
   }
   #mobile-search .search_keyword:hover, 
   #mobile-search .search_keyword:focus { background-color:#fff; color:#353535 !important; }
  
  
 
 
 
 
 /*************************************************************************
 
 
 *	COMPLETED BOTTOM
 
 
 **************************************************************************/
 
 
 
  
  
/*************************************************************************
*      Column
**************************************************************************/
.column { width:100%; height:100%; display:table; clear:both; border-top:1px solid #FFFFFF; }
.column .allitem { width:auto; *height:100%; margin:0px auto; top:0px; bottom:0px; position:relative; vertical-align:top; display:table-cell; float: none; border-top:0px !important; border-bottom:0px !important; }
.column .item_left { *float:left; z-index:1; border-left:1px solid #FFFFFF; border-right:1px solid #D5D5D5; }
.column .item_main { *float:left; z-index:0; border-left:1px solid #FFFFFF; }  /* background:transparent !important; background: url("images/icons/bg_layout_right.png") repeat-y left top;*/
.column .item_right { *float:left; z-index:1; border-left:1px solid #D1D1D1; background:url('../images/sys/bg_right_section.png') no-repeat left top; background-size:5px 100%; background-repeat:no-repeat; }

/* @media */
@media all and (max-width: 768px) { /* ipad portrait */

	.column .item_right {
		display: none;
	}
}

/* Mobile & Tablet */
@media all and (max-width: 1023px) { /* iphone6, iphone6p landscapes and tablets */
	.column .item_right {
		display: none;
	}
}
/* @media */
@media all and (max-width: 768px) { /* ipad portrait */
	.column .item_right {
		display: none;
	}
}
/* @media */
@media all and (max-width: 735px) { /* ipad portrait */
	.column .item_left {
		display: none;
	}
		.column .item_right {
			display: none;
		}
}

  
 /*************************************************************************
 *      Listing in #TABLE
 **************************************************************************/
 TABLE { clear:both; margin:0px auto; min-width:100%; border:0px; text-align:left; display:table; position:relative; table-layout:fixed; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
 CAPTION { font-size:18px; text-align:left; padding:0px 0px 10px 1px; }
 THEAD { width:100%; }
 TR, TH { overflow: hidden !important; }
 
 TABLE TR TH,
 .listing_head {
 	padding: 15px 8px 15px 8px; vertical-align: middle; white-space:nowrap;
 	border-bottom: 1px solid rgba(210, 210, 210, 0.9);
 	text-transform: uppercase;
 	font-weight: 600;
 	font-size: 12px;
 	letter-spacing:-0.2px;  
 }
 TABLE TR TD ,
 .listing_main .vallitem {
 	padding: 8px;
 	font-size: 13px;
 	vertical-align:middle;
 }
 TABLE TR TD[class*='sorting_'] {
 	 /*color: #000;*/
 }
 
 /* Listing */
 TABLE.listing tr td,
 .listing_main { border-bottom: 1px solid rgba(230, 230, 230, 0.7); }
 
 TABLE.listing tr:nth-of-type(odd),
 .listing div.listing_main:nth-of-type(odd) { background-color: transparent; } /* .table_box tr:nth-of-type(even/odd) */
 TABLE.listing tr:nth-of-type(even),
 .listing div.listing_main:nth-of-type(even) { background-color: rgba(255, 255, 255, 0.7); } /* .table_box tr:nth-of-type(even/odd) */
 
 TABLE.listing tr:hover td,
 .listing div.listing_main:hover { background: #e9f6ff; }
 TABLE.listing tr.notice,
 .listing div.listing_main.notice { background:#F9F8F7 !important; }
 /*div.table_box_div ul.list:nth-child(even)*/
 
 TABLE.listing th>a,
 TABLE.listing tr>td span, 
 TABLE.listing tr>td A,
 .listing div.listing_main A { text-decoration:none; }
 
 TABLE.listing tr>td A.subject,
 .listing div.listing_main .subject { font-size:13px; text-decoration:none; text-overflow: ellipsis; letter-spacing:-0.2px; }
 .listing A.subject { line-height: 130%; text-decoration:none; text-overflow: ellipsis; letter-spacing:-0.2px; }
 
 TABLE.listing tr>td .nickname,
 .listing div.listing_main .nickname { font-size:11px !important; letter-spacing:-0.2px; }
  
 TABLE.listing tr>td .listing-icon,
 .listing div.listing_main .listing-icon { opacity:0.5; -khtml-opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } /* icon infront of subject */
 
 /* Setting */
 TABLE.setting { width: 100%; }
 TABLE.setting tr { background: #FAFAFA !important; }
 TABLE.setting tr td {
 	padding: 15px;
 	border-bottom:1px solid #d9d9d9;
 } 
 TABLE.setting tr td.sec1		{ width:25%; font-weight:bold; border-right:1px solid rgba(220, 220, 220, 0.9); } /* Left Section */
 TABLE.setting tr td.sec1 label { margin:0px !important; width: 100%; padding:8px 0px 8px 5px; }
 TABLE.setting tr td .input-group { margin:0px; } 
 TABLE.setting tr td .input-group .input-group-addon1 { margin:0px; } 
  
 /* .table_box tr:first-of-type th:first-of-type:empty { border-color: #fff #eee #eee #fff; visibility: hidden }*/
 /* TABLE tr:first-child td { border-top-width:0px; } */
  
 /* secret post */
 TABLE.listing .bg_secret_list,
 TABLE.listing .bg_secret_list>.gallery_box_in { background-color:#F9F8F7 !important; }
 
 TABLE.listing .bg_secret_list img.img-photobox { 
 	border-color:#999;
 	filter: grayscale(100%); /* Current draft standard */
 	-webkit-filter: grayscale(100%); /* New WebKit */
 	-moz-filter: grayscale(100%);
 	-ms-filter: grayscale(100%); 
 	-o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
 	filter: url(resources.svg#desaturate); /* Gecko */
 	filter: gray; /* IE */
 	-webkit-filter: grayscale(1); /* Old WebKit */
 }
 TABLE.listing .bg_secret_list_img { background-image: url("../images/sys/img_serect_flag.png") !important; background-position: right top !important; background-repeat: no-repeat !important;}
 TABLE.listing .bg_secret_list H3,.bg_secret_list a.subject,.bg_secret_list a.subject2,.bg_secret_list a.subject3,.bg_secret_list a.nickname,.bg_secret_list a.category { color: #a1a1a1 !important; }
 
 
 
 
 
 /*************************************************************************
 *      Accordions
 **************************************************************************/
 #faqs .subject	{ 
	 display: block;
 	position: relative;
	font-size:1.3em; cursor:pointer; margin-bottom: 5px;
	min-height: 55px;
 	padding: 15px 20px 15px 50px;
 	vertical-align: middle;
 	background: #EDF1F5;
 	
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
 }
 #faqs .subject:hover, #faqs .subject.active	{ color:#075DB3; } /* color:#d74646; red */
 #faqs .subject:after, #faqs .subject:before {
    position: absolute;
    top: 30%;
    left: 20px;
    -webkit-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s
 }
 #faqs .subject:before {
    content: '\f055'
 }
 #faqs .subject:after {
    content: '\f056'
 }
 
 #faqs .subject:before {
    opacity: .4
 }
 #faqs .subject:after {
    opacity: 0;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
 }
 #faqs .subject.active:before {
    opacity: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
 }
 #faqs .subject.active:after {
    opacity: 1
 }
 #faqs .faq_contents {
 	padding-top: 20px;
	padding-bottom: 50px;
	
	padding-left: 20px;
	padding-right: 20px;
	display: none; height: auto;
	overflow: hidden;
 }
  #faqs .faq_contents img {
  	max-width: 100%;
  }
    
   
 /*************************************************************************
 *      Tabs
 **************************************************************************/
 .tabs .tabs_menu { 
 	z-index: 1 !important;
 	display:table; clear:both; vertical-align: bottom; width: 100%;
 	border-bottom: 1px solid #ddd;
 }
 .tabs .tabs_menu a { 
 	float:left; display:table-cell;
 	vertical-align: middle;
 	text-align: center;
 	
 	color: #555; font-size:16px; font-weight:500; 
 	height: 53px; line-height:53px;
 	padding:0px 20px 0px 20px; 
 
 	margin-bottom: -1px; margin-right: 2px;
 	
     border: 1px solid transparent;
 	border-top-left-radius:4px; -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px;
 	border-top-right-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px;
 }
 /* box */
 .tabs.box .tabs_menu a:hover { 
     text-decoration: none;
     border-color: #eee #eee #ddd;
     background-color: #EDF1F5;
 }
 .tabs.box .tabs_menu a.active {
 	color: #1e92bc !important; cursor: default;
 	border: 1px solid #ddd;
 	border-bottom-color: transparent;
 	background-color: #fff;
 }
 
 /* line */
 .tabs.line .tabs_menu a:hover { 
     text-decoration: none;
     border-bottom: 3px solid #ddd;
 }
 .tabs.line .tabs_menu a.active {
 	color: #1e92bc !important; cursor: default;
 	border-bottom: 3px solid #1e92bc;
 }
 
 /* sections */
 .tabs_sections { z-index: 2 !important; }
 
 .tabs_sections section { display:none; }
 .tabs_sections section.active { display:block; }
   	
   
 
  
  
 /*************************************************************************
 *	BUTTONS
 **************************************************************************/
  A[class|="ibutton"], input[class|="ibutton"], button[class|="ibutton"] {
 	display:inline-block; cursor:pointer; overflow:hidden; white-space:nowrap; -webkit-box-align: center;
 	margin:3px 3px 3px 0px;
 	padding:0px 16px 0px 16px; width:auto; height:40px; line-height:40px;
 	font-size:1em; font-weight:bold; -webkit-text-stroke-width:.02em; font-style:normal; text-decoration:none; text-align:center; vertical-align:middle;
 	
 	color:#616161; color: rgba(0, 0, 0, 0.65); text-shadow:rgba(255,255,255, 0.3) 0px 1px 0px; /*color:rgba(250, 250, 250, 0.90) !important; rgba(0,0,0, 0.5) 0px -1px 0px, */
  	border: 1px solid #b5b5b7; border: 1px solid rgba(0, 0, 0, 0.25);
  	background-color:#F1F1F1; 
 	
 	box-shadow: rgba(255,255,255, 0.35) 0px 1px 1px 0px inset, rgba(255,255,255, 0.4) 0px 1px 0px;
 	-webkit-box-shadow: rgba(255,255,255, 0.35) 0px 1px 1px 0px inset, rgba(255,255,255, 0.4) 0px 1px 0px;
 	-moz-box-shadow: rgba(255,255,255, 0.35) 0px 1px 1px 0px inset, rgba(255,255,255, 0.4) 0px 1px 0px;
     
 	border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
 	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
 	-webkit-transition-delay: 0s; -webkit-transition-duration: 0.3s; -webkit-transition-property: all; -webkit-transition-property: color;
 	-webkit-transition-timing-function: linear; /*cubic-bezier(0.25, 0.1, 0.25, 1);*/
 	-webkit-transition:300ms ease-in-out !important; -moz-transition:300ms ease-in-out !important; transition:300ms ease-in-out !important; -ms-transition:300ms ease-in-out !important; -o-transition:300ms ease-in-out !important;
 	-webkit-appearance: none;
  }
 
  A[class|="ibutton"]:focus, input[class|="ibutton"]:focus, button[class|="ibutton"]:focus { outline:none; }
  A[class|="ibutton"]:hover, input[class|="ibutton"]:hover, button[class|="ibutton"]:hover {
 	color:#555555; color: rgba(0, 0, 0, 0.8); text-shadow:rgba(255,255,255, 0.3) 0px 1px 0px;
  	border: 1px solid #B1B1B1; border: 1px solid rgba(0, 0, 0, 0.45);
  	background-color:#FEFEFE; 
  	
 	box-shadow: rgba(255,255,255, 0.4) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.5) 0px 1px 2px;
 	-webkit-box-shadow: rgba(255,255,255, 0.4) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.5) 0px 1px 2px;
 	-moz-box-shadow: rgba(255,255,255, 0.4) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.5) 0px 1px 2px;
  }
  
   *[class*="-primary"],
   *[class*="-black"] { color: rgba(255, 255, 255, 0.9) !important; text-shadow:rgba(0, 0, 0, 0.25) -1px -1px 0px !important; }
   *[class*="-primary"]:hover,
   *[class*="-black"]:hover { color: rgba(255, 255, 255, 1) !important; text-shadow:rgba(0, 0, 0, 0.5) -1px -1px 0px !important; }
  
  
  /* before */
  A[class|="ibutton"]:before, input[class|="ibutton"]:before, button[class|="ibutton"]:before {
 	opacity: 0.5; margin-right: 0.5em; position: relative; top: 0.05em; display: inline-block;
 	font-family: FontAwesome; font-size: 1.25em; text-decoration: none; font-style: normal; font-weight: normal; line-height: 1;
 	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }
  /* Shadow for blacks background */
  .bg_black A[class|="ibutton"], .bg_black input[class|="ibutton"], .bg_black button[class|="ibutton"],
  .bg_blacks A[class|="ibutton"], .bg_blacks input[class|="ibutton"], .bg_blacks button[class|="ibutton"],
  .bg_black .btn-group .buttons {
 	box-shadow: rgba(255,255,255, 0.35) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 2px;
 	-webkit-box-shadow: rgba(255,255,255, 0.35) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 2px;
 	-moz-box-shadow: rgba(255,255,255, 0.35) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 2px;
  }
  
 /*************************************************************************
 *      System Messages & Buttons BG / primary, info, success, warning, danger
 **************************************************************************/
  /* Primary */
  .bg_primary_sys { 
 	background-color:#5F86D7; 
 	background: -webkit-gradient(linear, left top, left bottom, from(#668EE4), to(#557CD1));
 	background: -webkit-linear-gradient(top, #668EE4, #557CD1);
 	background: -moz-linear-gradient(top, #668EE4, #557CD1);
 	background: -ms-linear-gradient(top, #668EE4, #557CD1);
 	background: -o-linear-gradient(top, #668EE4, #557CD1);
 	background-image: -ms-linear-gradient(top, #668EE4 0%, #557CD1 100%);
  }
  .ibutton-primary, .ibutton-circle-primary, A.ibutton-primary, input.ibutton-primary, button.ibutton-primary, .label.label-primary, .bg_primary {
 	background-color:#3060ae;
 	background: -webkit-gradient(linear, left top, left bottom, from(#415DA1), to(#305090));
 	background: -webkit-linear-gradient(top, #3060ae, #305090);/* #3A5689 #334A78 , #4F70AE #3F5C94 */
 	background: -moz-linear-gradient(top, #415DA1, #305090);
 	background: -ms-linear-gradient(top, #415DA1, #305090);
 	background: -o-linear-gradient(top, #415DA1, #305090);
 	background: linear-gradient(top, #415DA1, #305090); /* W3C */
  }
  A.ibutton-primary:hover, input.ibutton-primary:hover, button.ibutton-primary:hover, .ibutton-circle-primary:hover {
 	background-color:#386fc5; 
 	background: -webkit-gradient(linear, left top, left bottom, from(#386fc5), to(#305090));
 	background: -webkit-linear-gradient(top, #386fc5, #305090);
 	background: -moz-linear-gradient(top, #386fc5, #305090);
 	background: -ms-linear-gradient(top, #386fc5, #305090);
 	background: -o-linear-gradient(top, #386fc5, #305090);
 	background: linear-gradient(top, #386fc5, #305090); /* W3C */
  }
  
   /* Default */
   .ibutton-secondary, .ibutton-circle-secondary, A.ibutton-secondary, input.ibutton-secondary, button.ibutton-secondary, button:disabled, .bg_secondary {
   	background-color:#F1F1F1;
   	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#e0e0e0));
   	background: -webkit-linear-gradient(top, #F9F9F9, #e0e0e0);
   	background: -moz-linear-gradient(top, #F9F9F9, #e0e0e0);
   	background: -ms-linear-gradient(top, #F9F9F9, #e0e0e0);
   	background: -o-linear-gradient(top, #F9F9F9, #e0e0e0);
   	background: linear-gradient(top, #F9F9F9, #e0e0e0); /* W3C */
   }
   A.ibutton-secondary:hover, input.ibutton-secondary:hover, button.ibutton-secondary:hover, .ibutton-circle-secondary:hover {
   	background-color:#FEFEFE; 
   	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eeeeee));
   	background: -webkit-linear-gradient(top, #FFF, #eeeeee);
   	background: -moz-linear-gradient(top, #FFF, #eeeeee);
   	background: -ms-linear-gradient(top, #FFF, #eeeeee);
   	background: -o-linear-gradient(top, #FFF, #eeeeee);
   	background: linear-gradient(top, #FFF, #eeeeee); /* W3C */
     } 
   
  
  /* Success */
  .ibutton-success, .ibutton-circle-success, A.ibutton-success, input.ibutton-success, button.ibutton-success, .label.label-success, .bg_success { 
 	background-color: #85BB50;
 	background: -webkit-gradient(linear, left top, left bottom, from(#85BB50), to(#5D883D));
 	background: -webkit-linear-gradient(top, #85BB50, #5D883D);
 	background: -moz-linear-gradient(top, #85BB50, #5D883D);
 	background: -ms-linear-gradient(top, #85BB50, #5D883D);
 	background: -o-linear-gradient(top, #85BB50, #5D883D);
 	background: linear-gradient(top, #85BB50, #5D883D); /* W3C */
  }
  A.ibutton-success:hover, input.ibutton-success:hover, button.ibutton-success:hover, .ibutton-circle-success:hover {
 	background-color: #95CC5E;
 	background: -webkit-gradient(linear, left top, left bottom, from(#95CC5E), to(#5D883D));
 	background: -webkit-linear-gradient(top, #95CC5E, #5D883D);
 	background: -moz-linear-gradient(top, #95CC5E, #5D883D);
 	background: -ms-linear-gradient(top, #95CC5E, #5D883D);
 	background: -o-linear-gradient(top, #95CC5E, #5D883D);
 	background: linear-gradient(top, #95CC5E, #5D883D); /* W3C */
  }
  
  /* Warning */
  .ibutton-warning, .ibutton-circle-warning, A.ibutton-warning, input.ibutton-warning, button.ibutton-warning, .label.label-warning, .bg_warning { 
 	background-color:#ffa936; 
 	background: -webkit-gradient(linear, left top, left bottom, from(#ffa936), to(#e57515));
 	background: -webkit-linear-gradient(top, #ffa936, #e57515);
 	background: -moz-linear-gradient(top, #ffa936, #e57515);
 	background: -ms-linear-gradient(top, #ffa936, #e57515);
 	background: -o-linear-gradient(top, #ffa936, #e57515);
 	background: linear-gradient(top, #ffa936, #ffa936); /* W3C */
  }
  A.ibutton-warning:hover, input.ibutton-warning:hover, button.ibutton-warning:hover, .ibutton-circle-warning:hover {
 	background-color:#ffC161; 
 	background: -webkit-gradient(linear, left top, left bottom, from(#ffbd59), to(#e57515));
 	background: -webkit-linear-gradient(top, #ffbd59, #e57515);
 	background: -moz-linear-gradient(top, #ffbd59, #e57515);
 	background: -ms-linear-gradient(top, #ffbd59, #e57515);
 	background: -o-linear-gradient(top, #ffbd59, #e57515);
 	background: linear-gradient(top, #ffbd59, #e57515); /* W3C */
  }
  
  /* Danger */
  .ibutton-danger, .ibutton-circle-danger, A.ibutton-danger, input.ibutton-danger, button.ibutton-danger, .label.label-danger, .bg_danger { 
 	background-color:#d33d3d; 
 	background: -webkit-gradient(linear, left top, left bottom, from(#d33d3d), to(#b11727));
 	background: -webkit-linear-gradient(top, #d33d3d, #b11727);
 	background: -moz-linear-gradient(top, #d33d3d, #b11727);
 	background: -ms-linear-gradient(top, #d33d3d, #b11727);
 	background: -o-linear-gradient(top, #d33d3d, #b11727);
 	background: linear-gradient(top, #d33d3d, #b11727); /* W3C */
  }
  A.ibutton-danger:hover, input.ibutton-danger:hover, button.ibutton-danger:hover, .ibutton-circle-danger:hover {
 	background: #e74545;
 	background: -webkit-gradient(linear, left top, left bottom, from(#e74545), to(#c51628));
 	background: -webkit-linear-gradient(top, #e74545, #c51628);
 	background: -moz-linear-gradient(top, #e74545, #c51628);
 	background: -ms-linear-gradient(top, #e74545, #c51628);
 	background: -o-linear-gradient(top, #e74545, #c51628);
 	background: linear-gradient(top, #e74545, #b11727); /* W3C */
  }
 	
  /* glass */
 .ibutton-glass, A.ibutton-glass, input.ibutton-glass, button.ibutton-glass { 
 	color: #777 !important; text-shadow:rgba(255,255,255, 0.3) 0px 1px 0px; background: none !important;
 	border: 2px solid rgba(255,255,255, 0.5) !important;
 	box-shadow: none !important;
 	-webkit-box-shadow: none !important;
 	-moz-box-shadow: none !important;
 	font-weight: normal !important;
 }
 A.ibutton-glass:hover, input.ibutton-glass:hover, button.ibutton-glass:hover { 
 	color: #555 !important; text-shadow:rgba(255,255,255, 0.3) 0px 1px 0px; background: rgba(255,255,255, 0.9) !important; 
 	border: 2px solid rgba(255,255,255, 0.9) !important;
 }
 	
  /* Black */
  .ibutton-black, .ibutton-circle-black, A.ibutton-black, input.ibutton-black, button.ibutton-black, .label.label-default, .bg_black {
 	background-color: #222222;
 	background: -webkit-gradient(linear, left top, left bottom, from(#353535), to(#222222));
 	background: -webkit-linear-gradient(top, #353535, #222222);
 	background: -moz-linear-gradient(top, #353535, #222222);
 	background: -ms-linear-gradient(top, #353535, #222222);
 	background: -o-linear-gradient(top, #353535, #222222);
 	background: linear-gradient(top, #353535, #222222); /* W3C */
 	}
  A.ibutton-black:hover, input.ibutton-black:hover, button.ibutton-black:hover, .ibutton-circle-black:hover {
 	background-color: #353535;
 	background: -webkit-gradient(linear, left top, left bottom, from(#515151), to(#222222));
 	background: -webkit-linear-gradient(top, #515151, #222222);
 	background: -moz-linear-gradient(top, #515151, #222222);
 	background: -ms-linear-gradient(top, #515151, #222222);
 	background: -o-linear-gradient(top, #515151, #222222);
 	background: linear-gradient(top, #515151, #222222); /* W3C */
 	}
  .ibutton-white, .ibutton-circle-white, A.ibutton-white, input.ibutton-white, button.ibutton-white, button:disabled, .bg_white {
 	background-color:#F1F1F1;
 	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E1E1E1));
 	background: -webkit-linear-gradient(top, #F9F9F9, #E1E1E1);
 	background: -moz-linear-gradient(top, #F9F9F9, #E1E1E1);
 	background: -ms-linear-gradient(top, #F9F9F9, #E1E1E1);
 	background: -o-linear-gradient(top, #F9F9F9, #E1E1E1);
 	background: linear-gradient(top, #F9F9F9, #E1E1E1); /* W3C */
  }
  A.ibutton-white:hover, input.ibutton-white:hover, button.ibutton-white:hover, .ibutton-circle-white:hover {
 	background-color:#FEFEFE; 
 	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E1E1E1));
 	background: -webkit-linear-gradient(top, #FFF, #E1E1E1);
 	background: -moz-linear-gradient(top, #FFF, #E1E1E1);
 	background: -ms-linear-gradient(top, #FFF, #E1E1E1);
 	background: -o-linear-gradient(top, #FFF, #E1E1E1);
 	background: linear-gradient(top, #FFF, #E1E1E1); /* W3C */
  } 
 
  /* Checkout */
  .ibutton-checkout, .ibutton-circle-checkout, A.ibutton-checkout, input.ibutton-checkout, button.ibutton-checkout, .bg_checkout {
 	background-color:#44A9D0; 
 	background: -webkit-gradient(linear, left top, left bottom, from(#60C0DC), to(#1e92bc));
 	background: -webkit-linear-gradient(top, #60C0DC, #1e92bc);
 	background: -moz-linear-gradient(top, #60C0DC, #1e92bc);
 	background: -ms-linear-gradient(top, #60C0DC, #1e92bc);
 	background: -o-linear-gradient(top, #60C0DC, #1e92bc);
 	background: linear-gradient(top, #60C0DC, #1e92bc); /* W3C */
  }
  A.ibutton-checkout:hover, input.ibutton-checkout:hover, button.ibutton-checkout:hover, .ibutton-circle-checkout:hover {
 	background-color: #8490A4;
 	background: -webkit-gradient(linear, left top, left bottom, from(#8490A4), to(#5C6A80));
 	background: -webkit-linear-gradient(top, #8490A4, #5C6A80);
 	background: -moz-linear-gradient(top, #8490A4, #5C6A80);
 	background: -ms-linear-gradient(top, #8490A4, #5C6A80);
 	background: -o-linear-gradient(top, #8490A4, #5C6A80);
 	background: linear-gradient(top, #8490A4, #5C6A80); /* W3C */
  }
  
 /*************************************************************************
 *      Button - Large / Small / Round / Shadow
 **************************************************************************/
 
 /* Floating Circle Button */
 .circle_button {
 	width:40px !important; height:40px !important; line-height:40px !important; font-size:1em;
 	margin:3px 0px 3px 0px !important; padding:0px !important; font-weight: normal !important; -webkit-text-stroke-width:0em !important; border: none !important;
 	
 	border: 1px solid rgba(0, 0, 0, 0.1) !important;
 	text-shadow:rgba(0,0,0, 0.2) 0px 1px 0px !important;
 	
 	box-shadow: rgba(255,255,255, 0.35) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.4) 0px 2px 3px !important;
 	-webkit-box-shadow: rgba(255,255,255, 0.35) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.4) 0px 2px 3px !important;
 	-moz-box-shadow: rgba(255,255,255, 0.35) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.4) 0px 2px 3px !important;
 	
 	-webkit-border-radius:50% !important; border-radius:50% !important; -moz-border-radius:50% !important; 
 	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
 	-webkit-transition:150ms ease-in-out !important; -moz-transition:150ms ease-in-out !important; -ms-transition:150ms ease-in-out !important; -o-transition:150ms ease-in-out !important; transition:150ms ease-in-out !important;
 	text-align: center !important; vertical-align: middle !important;
 }
 .circle_button.small_button { padding:0px !important; width:25px !important; height:25px !important; line-height:25px !important; }
 .circle_button:hover { font-size:24px !important; }
 .circle_button.small_button:hover { font-size:16px !important; }
 
 /* icon */
 A.icon_button, button.icon_button, input.icon_button { margin:0px 0px 3px 0px !important; padding:0px !important; font-size: 0.8em !important; line-height:25px !important; width:25px !important; height:25px !important; }
 
 /* round */
 A.round_button, button.round_button, input.round_button { border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important; }
 
 /* shadow */
 A.shadow_button:hover, button.shadow_button:hover, input.shadow_button:hover {
 	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px inset, #39AAD4 0px 0px 7px 0px !important;
 	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px inset, #39AAD4 0px 0px 7px 0px !important;
 	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px inset, #39AAD4 0px 0px 7px 0px !important;
 }
 .shadow_button_active, .shadow_button_active:hover { background:#9e0d4c !important; }
 
 /* large / small */
 A.large_button, button.large_button, input.large_button { padding:0px 20px 0px 20px !important; font-size: 1.2em !important; line-height:55px !important; height:55px !important; min-width: 110px !important; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }
 A.small_button, button.small_button, input.small_button { padding:0px 8px 0px 8px !important; font-size: 11px !important; line-height:26px !important; height:30px !important; }
 
 
 /* Default - column_title */
 button:disabled, 
 button:disabled:hover {
 	color:#777 !important; text-shadow:#fff 0px 1px 0px !important;
 	background:#D1D1D1; border:#999 1px solid;
 	cursor: not-allowed !important;
 	
 	box-shadow: rgba(255,255,255, 0.25) 0px 1px 0px inset, rgba(0,0,0, .10) 0px 1px 0px;
 	-webkit-box-shadow: rgba(255,255,255, 0.25) 0px 1px 0px inset, rgba(0,0,0, .10) 0px 1px 0px;
 	-moz-box-shadow: rgba(255,255,255, 0.25) 0px 1px 0px inset, rgba(0,0,0, .10) 0px 1px 0px;
 }
 
 
 
 /*************************************************************************
 *      Button Group & Pagination
 **************************************************************************/
 .btn-box	{ display:inline-block; clear:both; width:100%; margin:0px auto; position:relative; vertical-align:middle; padding-top:10px; padding-bottom:10px; }
 
 /* Button group */
 .btn-group { position:relative; display:inline-block; max-width:100%; margin: 0px auto; }
 .btn-group > .buttons,
 .btn-group > .tools {
 	display:inline-block; cursor:pointer; overflow:hidden; white-space:nowrap; -webkit-box-align: center;
 	
 	margin:3px auto;
 		
 	border: 1px solid #b5b5b7; border: 1px solid rgba(0, 0, 0, 0.25);
 	border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
  	
 	box-shadow: rgba(255,255,255, 0.35) 0px 1px 1px 0px inset, rgba(255,255,255, 0.4) 0px 1px 0px;
 	-webkit-box-shadow: rgba(255,255,255, 0.35) 0px 1px 1px 0px inset, rgba(255,255,255, 0.4) 0px 1px 0px;
 	-moz-box-shadow: rgba(255,255,255, 0.35) 0px 1px 1px 0px inset, rgba(255,255,255, 0.4) 0px 1px 0px;	
 }
 .btn-group > .tools {
 	-webkit-box-shadow: rgba(253,253,250, 0.4) 1px 1px 1px 0px inset, rgba(253,253,250, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
 	-moz-box-shadow: rgba(253,253,250, 0.4) 1px 1px 1px 0px inset, rgba(253,253,250, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
 	box-shadow: rgba(253,253,250, 0.4) 1px 1px 1px 0px inset, rgba(253,253,250, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
 }
 
 .btn-group > .buttons > li {
 	display:table-cell; width:auto; position:relative; float:left; *float:left; list-style:none; padding:0px;
 	vertical-align: middle;
 }
 .btn-group > .buttons > li > a {
 	display:table-cell; cursor:pointer; overflow:hidden; text-align: center; white-space: nowrap; vertical-align: middle;
 	padding:0px 16px 0px 16px; height:38px; line-height:38px;
 	font-size:1em; font-weight:bold; -webkit-text-stroke-width:.02em; font-style:normal; text-decoration:none;
 }
 
 /* Tools (messages.php top button) */
 .btn-group > .tools { width:100%; height:100%; display:table; clear:both; }
 .btn-group > .tools > ul { *float:left; z-index:1; width:auto; *height:100%; margin:0px auto; top:0px; bottom:0px; position:relative; vertical-align:top; display:table-cell; float: none; border-top:0px !important; border-bottom:0px !important; }
 .btn-group > .tools > ul a {
 	display: block; cursor:pointer; overflow:hidden; text-align: center; white-space: nowrap; vertical-align: middle;
 	padding:0px 16px 0px 16px; line-height:53px; height:53px;
 	font-size:1.2em; font-weight:bold; -webkit-text-stroke-width:.02em; font-style:normal; text-decoration:none;
 } 
 
 
 /* small */
 .btn-group.small { height: 100%; } 
 .btn-group.small > .buttons { }
 .btn-group.small > .buttons > li > a, 
 .btn-group.small > .buttons > li > button { line-height: 25px !important; height:26px !important; min-width:26px !important; padding:0px 8px 0px 8px; }
 
   
 
 /*** System buttons radius ********************************************************/
 .btn-group > .buttons > li:first-child > a,
 .btn-group > .tools > ul:first-child > a { 
 	border-left: 0px;
 	border-top-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; 
 }
 .btn-group > .buttons > li:last-child > a,
 .btn-group > .tools > ul:last-child > a { 
 	border-right: 0px;
 	border-top-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px;
 }
 
   
 /*** System buttons ********************************************************/
 .btn-group > .buttons > li > a,
 .btn-group > .tools > ul a {
 	color:#616161; color: rgba(0, 0, 0, 0.65); text-shadow:rgba(255,255,255, 0.3) 0px 1px 0px; /*color:rgba(250, 250, 250, 0.90) !important; rgba(0,0,0, 0.5) 0px -1px 0px, */
 
 	border-left: 1px solid rgba(0, 0, 0, 0.25);
 
 	background-color:#F1F1F1;
 	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#e0e0e0));
 	background: -webkit-linear-gradient(top, #F9F9F9, #e0e0e0);
 	background: -moz-linear-gradient(top, #F9F9F9, #e0e0e0);
 	background: -ms-linear-gradient(top, #F9F9F9, #e0e0e0);
 	background: -o-linear-gradient(top, #F9F9F9, #e0e0e0);
 	background: linear-gradient(top, #F9F9F9, #e0e0e0); /* W3C */
 	
 	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
 	-webkit-transition-delay: 0s; -webkit-transition-duration: 0.2s; -webkit-transition-property: all; -webkit-transition-property: color;
 	-webkit-transition-timing-function: linear; /*cubic-bezier(0.25, 0.1, 0.25, 1);*/
 	-webkit-transition:200ms ease-in-out !important; -moz-transition:200ms ease-in-out !important; transition:200ms ease-in-out !important; -ms-transition:200ms ease-in-out !important; -o-transition:200ms ease-in-out !important;
 	-webkit-appearance: none;
 }
 
 /*** System buttons Hover ********************************************************/
 .btn-group > .buttons > li > a:hover, 
 .btn-group > .buttons > li > button:hover,
 .btn-group > .buttons > li > a.active,
 .btn-group > .tools > ul a:hover,
 .btn-group > .tools > ul a.active {
 	color:#515151 !important; color: rgba(0, 0, 0, 0.8) !important; text-shadow:rgba(255,255,255, 0.4) 0px 1px 0px;
 	
 	background-color:#1e92bc; 
 	background: -webkit-gradient(linear, left top, left bottom, from(#60C0DC), to(#1e92bc));
 	background: -webkit-linear-gradient(top, #60C0DC, #1e92bc);
 	background: -moz-linear-gradient(top, #60C0DC, #1e92bc);
 	background: -ms-linear-gradient(top, #60C0DC, #1e92bc);
 	background: -o-linear-gradient(top, #60C0DC, #1e92bc);
 	background: linear-gradient(top, #60C0DC, #1e92bc); /* W3C */
 	
 	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px inset;
 	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px inset;
 	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px inset;
 }
 
 
 /*** System dropdown menu ********************************************************/
 .btn-group > ul.dropdown-menu { display:none !important; min-width: 200px; position:absolute; z-index: 500; bottom:100%; float:left; right:0px; border: 1px solid #b5b5b7; border: 1px solid rgba(0, 0, 0, 0.25); }
 .btn-group.open > .dropdown-menu { display:block !important; }
 .btn-group > .dropdown-menu>li { display: list-item; margin-top:-1px; }
 .btn-group > .dropdown-menu>li a { 
 	display:block; width:100%; max-width:100%; padding:10px 15px 9px 15px; white-space:nowrap;
 	color:#555; font-size:11px; font-weight:bold; text-decoration:none; letter-spacing:-0.2px !important;
 	-webkit-transition:150ms ease-in-out !important; -moz-transition:150ms ease-in-out !important; -ms-transition:150ms ease-in-out !important; -o-transition:150ms ease-in-out !important; transition:150ms ease-in-out !important;
 } 
 .btn-group > .dropdown-menu>li a:hover { color:#333 !important; background-color: #fff; }
 .btn-group > .dropdown-menu>li:first-child > a { border-top-left-radius:4px; -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-right-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; }
 .btn-group > .dropdown-menu>li:last-child > a { border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px; -webkit-border-bottom-left-radius:4px; border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px; }
 
 
 
 
 
 
 /*************************************************************************
 *      Gmap
 **************************************************************************/
 #map{ display: block; width: 100%; height: 300px; margin: 0 auto; }
 .map_overlay { background:transparent; position:relative;  width:100%; height:300px; top:300px; margin-top:-300px; z-index: 500; }