@charset "UTF-8";

#site_utility {
	width: 184px;
	height: 53px;
	overflow: hidden;
	display: none;
}

#site_utility .utility_contents {
	position: absolute;
	right: 0;
}

/*--------------------------------------
	Site Utility
--------------------------------------*/

#site_utility {
	background: transparent;
	font-size: 12px;
	position: fixed;
	 top: 35%;
	 right: 0;
	z-index: 10000;
}

#site_utility h3 {
	background: url(/shared/image/site-utility/heading-01.png) no-repeat 100% 0;
	background-repeat: no-repeat;
	background-position: 100% 0;
	cursor: pointer;
	height: 53px;
	margin: 0;
	min-width: 184px;
	overflow: hidden;
	text-indent: -9999em;
}

#site_utility .utility_contents {
	background: rgba(255,255,255,0.90);
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	min-width: 285px;
	padding: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#eeffffff,EndColorStr=#eeffffff);
	zoom: 1;
}

#site_utility h4 {
	margin: 0 0 10px;
}

#site_utility ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#site_utility li {
	display: inline-block;
	margin: 0 10px 10px 0;
	text-align: left;
}

/*--------------------------------------
	Site Utility-02
--------------------------------------*/

#site_utility-02 {
	background: transparent;
	font-size: 12px;
	position: fixed;
	 top: 40%;
	 right: 0;
	z-index: 10000;
}

#site_utility-02 h3 {
	background-repeat: no-repeat;
	background-position: 100% 0;
	margin: 0;
	min-width: 184px;
}

#site_utility-02 .utility_contents {
	background: rgba(255,255,255,0.90);
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	min-width: 285px;
	padding: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#eeffffff,EndColorStr=#eeffffff);
	zoom: 1;
}

#site_utility-02 h4 {
	margin: 0 0 10px;
}

#site_utility-02 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#site_utility-02 li {
	display: inline-block;
	margin: 0 10px 10px 0;
}

#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;

    /* Specify the width of your pageslide here */
    width: 285px;
    padding: 10px;

    /* These styles are optional, and describe how the pageslide will look */
    background-color: #fff;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 2px 2px #eee;
    -moz-shadow: inset 0 0 2px 2px #eee;
    box-shadow: inset 0 0 2px 2px #eee;
}

#pageslide h3 {
	margin: -10px -10px 1em;
}

#pageslide li {
	display: inline-block;
	font-size: 12px;
	margin: 0 10px 10px 0;
}