div#page-content
{
	margin-bottom:				24px;
}

div.main-dialogue-single
{
	border-left:				1px solid #eee;
	border-right:				1px solid #eee;
	margin:						0 auto;
	width:						420px;
}

div.main-dialogue-single div.mdlite-container,
div.main-dialogue-single > p
{
	padding:					24px;
}

div.main-dialogue-double
{
	display:					table;
	margin:						0 auto;
	width:						1100px;
}

div.main-dialogue-double-col-1of2,
div.main-dialogue-double-col-2of2
{
	display:					table-cell;
	width:						550px;
}

div.main-dialogue-heading
{
	background-color:			#f8f8f8;
	font-size:					22px;
	margin-top:					48px;
	padding:					12px 0;
	text-align:					center;
}

/* Second text area/buttons for single-column screen layout: */
div.create-account-text-b
{
	display:					none;
}

div.login-form-container,
div.dialogue-form-container
{
	background-color:			#f8f8f8;
	margin-bottom:				10px;
	padding:					10px;
}

div.info-popup-content-wrapper div.login-form-container
{
	background-color:			white;
}

div.dialogue-form-left-column
{
	border-right:				1px solid #d0d0d0;
}

div#page-content div.form-group input[type="password"],
div#page-content div.form-group input[type="text"],
div#page-content div.form-group textarea
{
	width:						100%;
}

div.main-dialogue-double div.form-group select
{
	max-width:					529px;
}

/* Styles for width 960px to 1278px (two columns). ------------------------- */

@media only screen
	and (max-width: 1278px)
{

div.main-dialogue-double
{
	width:						820px;
}

div.main-dialogue-double-col-1of2,
div.main-dialogue-double-col-2of2
{
	width:						410px;
}

div.main-dialogue-double div.form-group select
{
	max-width:					389px;
}

}

/* Styles for width 720px to 959px (two columns). -------------------------- */

@media only screen
	and (max-width: 959px)
{

div.main-dialogue-double
{
	width:						660px;
}

div.main-dialogue-double-col-1of2,
div.main-dialogue-double-col-2of2
{
	width:						330px;
}

div.main-dialogue-double div.form-group select
{
	max-width:					309px;
}

}

/* Styles for width 620px to 719px (one column). --------------------------- */

@media only screen
	and (max-width: 719px)
{

div.main-dialogue-double
{
	display:					block;
	width:						560px;
}

div.create-account-text-a
{
	display:					none;
}

div.create-account-text-b
{
	display:					block;
}

div.main-dialogue-double-col-1of2,
div.main-dialogue-double-col-2of2
{
	display:					block;
	width:						100%;
}

div.main-dialogue-double div.form-group select
{
	max-width:					539px;
}

}

/* Styles for width < 620px (one column). ---------------------------------- */

@media only screen
	and (max-width: 619px)
{

div.main-dialogue-single,
div.main-dialogue-double
{
	width:						300px;
}

div.main-dialogue-double div.form-group select
{
	max-width:					279px;
}

}