@charset "UTF-8";
/* CSS Document */
/***Feb 25, 2013. Created by Soyoung***/
/***Account pages CSS for Crossmap****/
html.goc-animating-menu {min-height: 100%;}
html.animating-menu body {background:#32393C; padding:0; margin:0;}
#mobile #mobile-menu{display:block;}
#mobile-menu {
	display: none;
    opacity: 1;
    padding: 0;
    position: static;
    transform: none;
    visibility: visible;
    width: 260px;
	left: 0;
	text-align: left;
}
#mobile-menu .leftmenu {
	display:block; 
	background:#F9F9F9; 
	box-shadow: 0 1px 6px #999999 inset;
}
#mobile-menu dl {margin:0;}
#mobile-menu dt {font-size:18px;}
#mobile-menu dt a {
	display: block; 
	border-bottom:1px solid rgba(0, 0, 0, 0.1); 
	color:#303030; 
	padding:15px 18px 15px 30px; 
	text-decoration:none; 
	font-family: arial;
}
#mobile-menu a:hover {color:#27CDD4;}
#mobile-menu .mobile-search {
    background:#2A2F32;
    height: 39px;
    padding: 6px 5px;
}
.mobile-search input[type="text"] {
    background: url("images/search.png") no-repeat 223px center #FFFFFF;
    border:none;
    border-radius: 2px;
    box-shadow: 0 1px 6px #999999 inset;
    display: block;
    font-size: 14px;
    margin: 4px 0 1px;
    outline:none;
    padding: 7px 26px 5px 10px;
    width: 210px;
}
#mobile #mobile-body {
	top: 0;
	left: 260px;
	bottom: 0;
    overflow: hidden;
    position: fixed;
    box-shadow: -2px 0 20px rgba(0, 0, 0, 0.2);
    width: 100%;
}
#mobile-body #mask {
    position: absolute;
	opacity: 0.5;
	background:#000000;
	bottom: 0;
    left: 0;
	right: 0;
    top: 0;
	z-index: 1002;
}