@CHARSET "UTF-8";
/*-------------------------------------------------------------------------
								information
-------------------------------------------------------------------------*/
#information_dialog {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 5;
}
#information_dialog {
	background-color: #FFFFFF;
	margin: auto;
	padding: 10px 20px;
}

input#infoclosebutton{
	width:100px;
	height:30px;
	position: absolute;
	left:0px;
	right:0px;
	bottom: 10px;
	margin:auto;
	box-shadow:0px 0px 0px;
}
div#infoviewtitle{
	font-size: 16px	
}
#information{
	background-color: #FFFFFF;
	border: 0px;
	color: #000000;
	position:absolute;
	top:0px;
	bottom:40px;
	z-index:5;
	width:350px;
	margin: 0px;
	padding: 10px 20px;
	right:-400px;
	display:none;

	box-shadow: 0px 3px 14px rgba(0,0,0,0.2);			/* CSS3 */
}

#information div#info_main{
	width:auto;
	min-width:500px;
	margin-top:-4px;
	max-height:100px;
	overflow-y:auto;

	/* IE6 */
	_margin-top:-8px;
	_height:60px;
}

#information div.infohead{
	position:absolute;
	width:350px;
}
#information div.infocontents{
	position:absolute;
	width:350px;
	top:50px;
	bottom:10px;
	overflow-y:auto;
}
.infotitle{
	cursor: pointer;
	border-left: 5px solid #F4CC76;
	padding: 5px 10px;margin-bottom: 5px;
	word-break:break-all;
	min-height:1em;
}
.infotitle.complete{
	border-left: 5px solid #5795db;
}
.infotitle.cancel{
	border-left: 5px solid #A5A595;
}
.infotitle.important{
	border-left: 5px solid #f26080;
}
.infotitle:HOVER{
	background-color: #f1f2f3;
}
.infotitle img{
	vertical-align:middle;
}
.infodetail a{
	font-size:inherit;
}

input#infonewbutton{
	width:100px;
	height:30px;
}

#information #infoclose{
	float:right;
}
#information img.closebutton{
	border:0px none;
	vertical-align:middle;
	cursor: pointer;
	transition: background-color 0.2s ease,border-radius 0.2s ease;
	width: 24px;
	height: 24px;
}
#information img.closebutton:HOVER{
	background-color: #f1f2f3;
	border-radius: 10px;
	transition: background-color 0.2s ease,border-radius 0.15s ease;
}
#information .infodetail,
#information_dialog .infodetail{
	word-break:break-all;
}
#information .infopending{
	padding: 10px 5px;
}
#information .bordertop{
	border-top: 1px solid #eee;
}
#information .modalbutton1,
#information .modalbutton2{
	height: 25px;
	width: 140px;
}
#information .aligncenter{
	text-align: center;
}