@charset "utf-8";
/* CSS Document */
/*login Box*/
div#loginBox {
	z-index: 161802;
	font-size:12px;
	background-color:#FEFEFE;
	width:320px;
	
	position:absolute;
	top:35px;
	right: 4px;
	
	border:#999999 2px solid;
	display:none;
	
	opacity:.90;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	
}

div#loginBox .topmenu {
	width: 160px;
	margin: 5px 5px 5px 140px;
	text-align: right;
	font-size: 11px;
}

div#loginBox .topmenu a{
	color:#666666;
	text-decoration:none;
}

div#loginBox .topmenu a:hover{
	color:#FF6600;
}

div#loginBox .mainmenu{
	position: relative;
	top:-10px;
}

div#loginBox .mainmenu fieldset {
	border: 1px solid #999999;
	margin: 0px 6px 3px 6px;
}

div#loginBox .mainmenu legend {
	color: #fff;
	background: #86c32a;
	border: 1px solid #999999;
	margin-bottom:2px;
}

div#loginBox .mainmenu label {
	width: 80px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
div#loginBox .mainmenu .submit{
	text-align:center;
	width: 280px;
	margin:5px auto 0px auto;
}
div#loginBox .mainmenu .submit a{
	font-size:11px;
	color:#86c32a;
	text-decoration:none;
	border-bottom:#FF0000 1px dotted;
}
div#loginBox .mainmenu .submit a:hover{
	color:#FF9900;
}
div#loginBox .mainmenu .submit input{
	margin-left: 1em;
	font-size:12px;
	width: 80px;
	height: 21px;
	color: #000;
	background: url(http://ipicbox.tw/images/loginin.gif) no-repeat;
	/*border: 2px outset #666666;*/
	border: medium none;
} 
div#loginBox .mainmenu .username,.password {
	background:#fff;
	border:1px solid #ccc;
	color:#000;
	font-size:12px;
	width:142px;
	height:18px;
	margin-left:6px;
	padding-left:20px;
	line-height:20px;
}
div#loginBox .mainmenu .username { background:url(http://ipicbox.tw/images/username.gif) no-repeat 2px 2px;}
div#loginBox .mainmenu .password { background:url(http://ipicbox.tw/images/password.gif) no-repeat 2px 2px;}


div#prevBtn{
	position: absolute;	
  	top: 100px;
  	left: 0px;
  	width: 410px;
  	height: 300px;
	cursor: pointer;
}
div#nextBtn{
	position: absolute;
  	top: 100px;
  	left: 400px;
  	width: 410px;
  	height: 300px;
	cursor: pointer;
}
div#pageSelector{	
	height:20px;
	width:400px;
	text-align:center;
}
div#pageSelector a{	
	color:#666;
}
div#pageSelector a:hover{	
	color:#FF3300;
}



