/***********************************
	Modal Layout
************************************/
div.modal
{
	text-align: left;
	z-index: 3;
	position: absolute;
	background-color: #fff;
	width: 450px;
	border: solid 1px black;
	margin: auto;
}
div.modal div.title
{
	color: #6B9BB1;
	background-color: #D3E3FC;
	padding: 5px 0px 5px 10px;
	border-top: solid 1px #4B4F55;
	border-bottom: dotted 1px #4B4F55;
	font-weight: bold;
}
div.modal div.title input
{
	text-align: right;
}
div.modal div.content
{
	padding: 10px;
}
div.modal div.link
{
	border-top: dotted 1px black;
	background-color: #EDEDED;
	text-align: right;
	padding: 10px;
}
div.modal input, textarea
{
	border: solid 1px #CFCFCF;
}
div.modal input.button
{
	font-weight: bold;
	color: #000;
	background-color: #FFEFEF;
	border: solid 1px #000;
}
div.modal input.button:hover
{
	background-color: #CFC2C2;
}
/***********************************
	Modal Dynamics
************************************/
div.hideModal
{
	display: none;
}
div.showModal
{
	display: block;
}
div.showModalBackground
{
	background-color: #000;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	display: block;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
div.hideModalBackground
{
	z-index: 0;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: none;
}
select.hide
{
	display: none;
}
select.show
{
	display: inline;
}