/***********************************/
/*     pageHeader CSS Settings     */
/***********************************/

#pageHeader table {
	width:100%;
	background-color:#333;
	border:none;
}

.desktopHeader {
	width:100%;
	position:relative;
	background: url(../styleimage/tabs.png);
    background-repeat: repeat-x;
    background-size: auto 105%;
	height:30px;
	border-bottom:solid 3px #6f0900 ;
}

.desktopHeader ul {
	display: table;
	margin: 0 auto;
	list-style:none;
	padding: 0;
}
.desktopHeader li {
	float:left;
	background: url(../styleimage/tab-left.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
	padding-left: 7px;
}
.desktopHeader a {
	float:left;
	display:block;
    background: url(../styleimage/tab-right.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;	
	text-decoration:none;
	padding: 0.5em 0.5em 0.54em 0em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#000;
	font-weight:bold;
}
.desktopHeader ul li a:hover {
	color:#F00;
}

.desktopHeader #current {
	background-image:url(../styleimage/tab-left-on.png);
}
.desktopHeader #current a {
	background-image:url(../styleimage/tab-right-on.png);
	/*padding: 0.5em 0.5em 0.54em 0em;*/
	color:#603;
}
#exit_show {
	position:absolute;
	right:1px;
	width:1px;
	padding:1.5px;
	background-color:#F3F3F3;
	opacity: 0.7;
	display:none;
	z-index: 1000;
	box-sizing: border-box;
	/*-moz-box-sizing: border-box;*/
	box-shadow:3px -3px 3px #333333;
	-moz-box-shadow:3px -3px 3px #333333;
	-webkit-box-shadow: 3px -3px 3px #333333;
}
#exit_show img {
	width:100%;
	height:auto;
}
#exit_hide {
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:1px;
	box-sizing: border-box;
	/*-moz-box-sizing: border-box;*/
	padding:1.5px;
	z-index: -1;
	opacity: 0.8;
	box-shadow:3px -3px 3px #333333;
	-moz-box-shadow:3px -3px 3px #333333;
	-webkit-box-shadow: 3px -3px 3px #333333;
}
#exit_hide img {
	height:100%;
	width:auto;
}
#exit_show img:hover, #exit_hide img:hover {
	box-shadow: 0 0 2px 1px;
	background-color: lightgray;
}
#log_btn {
	margin: 0 0 0 20px;
}

/*#log_message {
	position:absolute;
	padding:0;
	top:2px;
	right:2px;
	background-color:#FDF;
}
#logout {
	margin:0;
	font-size:10px;
	font-weight:bold;
	line-height:15px;
}
#last_log_time {
	font-size:8px;
}*/

.clear {
	margin-bottom:5px;
}


@media only screen and (max-width:800px) {
	.activeHeaderMobile{
		position:absolute;
		z-index: 1001;
		left:0;
		width: 100%;
		box-sizing: border-box;
	}
	.activeHeaderMobile ul {
		width: 100%;
		box-sizing: border-box;
		background-color: black;
	}
	.activeHeaderMobile ul li{
		line-height:50px;
		width: 100%;
		box-sizing: border-box;
	}
	.activeHeaderMobile ul li a{
		font-size:24px;
		width: 100%;
		box-sizing: border-box;
		text-align:center;
	}
	.inactiveHeaderMobile{
		position:absolute;
		z-index: -1;
		left:-2000px;
	}
	.inactiveHeaderMobile ul li{
		line-height:0.1em;
	}
	.inactiveHeaderMobile ul li a{
		font-size:8px;
	}
	#exit_show {
		display:block;
		width:60px;
		height:60px;
	}
	#exit_hide {
		z-index: 1002;
		width:70px;
		height:70px;
	}
	#log_btn {
		margin:20px 0 0 0;
	}
	/*#logout {
		font-size:12px;
		line-height:38px;
		transform:scale(0.8);
	}*/
}