/*-----------------------------------------------------------------------------
AAC Global - Content Page Stylesheet
-----------------------------------------------------------------------------*/

/* =SecondaryContent
-----------------------------------------------------------------------------*/

#secondaryContent
{
	float: left;
	width: 161px;
	/*padding: 26px 0 0 27px;*/
}

/* =PrimaryContent
-----------------------------------------------------------------------------*/

#primaryContent
{
	float: left;
	width: 539px;
	border-right: solid 1px #fff;
}

#topContent
{
	clear: both;
	border-bottom: solid 1px #fff;
}

#mainContent, #formContent
{
	clear: both;
	padding: 5px 27px 40px 27px;
}

/* =Forms
-----------------------------------------------------------------------------*/

#formContent h2
{
	margin-top: 1.5em;
}

#formContent .label
{
	position: absolute;
}

#formContent .multiline
{
	margin-bottom: 2px;
	width: 300px;
}

#formContent .multilineMargin
{
	margin-left: 9em;
	margin-bottom: 2px;
	width: 300px;
}

#formContent .textbox
{
	margin-left: 9em;
	margin-bottom: 2px;
	width: 250px;
}

#formContent .textbox2
{
	margin-left: 15em;
	margin-bottom: 2px;
	width: 250px;
}

#formContent .textbox3
{
	margin-left: 9em;
	margin-bottom: 2px;
	width: 150px;
}

#formContent .textbox4
{
	margin-bottom: 2px;
	width: 150px;
}

#formContent .textbox6
{
	margin-left: 14em;
	margin-bottom: 2px;
	width: 200px;
}

#formContent .errorContainer
{
	position: absolute;
	margin-left: 10px;
}

#formContent .button
{
	margin: 0 10px 0 0;
}

#formContent .blockInput
{
	display: block;
	margin-bottom: 5px;
	font-size: 1.1em;
}

#formContent .blockInput input
{
	margin-right: 5px;
}

/* =Home page content areas
-----------------------------------------------------------------------------*/

#leftContent
{
	float: left;
	width: 232px;
	padding: 10px 27px 0 27px;
}

#rightContent
{
	float: right;
	width: 230px;
	padding: 10px 12px 0 0;
}

#bottomContent
{
	clear: both;
	padding: 17px 0 0 27px;
}

/* =Quicklink (Not in use, replaced with flash)
-----------------------------------------------------------------------------*/

#quicklink a
{
	float: left;
	position: relative;
	text-indent: -9000px;
	margin-right: 14px;
}

#quicklink a .img_1, #quicklink a .img_2, #quicklink a .img_3
{
	display: block;
	width: 150px;
	height: 120px;
}

#quicklink a .img_1 { background: url(../images/quicklink_1.gif) no-repeat top left; }
#quicklink a .img_2 { background: url(../images/quicklink_2.gif) no-repeat top left; }
#quicklink a .img_3 { background: url(../images/quicklink_3.gif) no-repeat top left; }

#quicklink a .button
{
	position: absolute;
	top: 12px;
	right: -12px;
	width: 28px;
	height: 28px;
	background: url(../images/btn.gif) no-repeat top left;
	z-index: 1000;
}

/* :BUG: This rule on it's own does not work in IE  */
#quicklink a:hover .button
{
	background: url(../images/btn.gif) no-repeat top center;
}

/* :BUGFIX: However if you add this rule, both the previous rules now work. Weird */
#quicklink a:hover
{
	border: none;
	cursor: pointer; /* Fix for IE6 */
}

#quicklink a:active .button
{
	background: url(../images/btn.gif) no-repeat top right;
}

/* :FIX: Hide extra long active border in Firefox. */
#quicklink a:focus
{
	outline: none;
}

/* =Quicklink (OLD)
-----------------------------------------------------------------------------*/

ul#quicklink_old
{
	clear: both;
	position: relative;
	list-style-type: none;
}

ul#quicklink_old li
{
	display: inline; /* FIX: Removes large gaps in IE/Win. Trick to hide empty li tags */
	margin-right: 10px;
}

ul#quicklink_old a .button
{
	position: absolute;
	top: -1px;
	margin-left: -16px;
	width: 28px;
	height: 28px;
	background: url(../images/btn.gif) no-repeat top left;
}

/* :BUG: This rule on it's own does not work in IE  */
ul#quicklink_old a:hover .button
{
	background: url(../images/btn.gif) no-repeat top center;
	cursor: pointer; /* Fix for IE6 */
}

ul#quicklink_old a:hover img
{
	cursor: pointer; /* Fix for IE6 */
}

/* :BUGFIX: However if you add this rule, both the previous rules now work. Weird */
ul#quicklink_old a:hover
{
	border: none;
}

ul#quicklink_old a:active .button
{
	background: url(../images/btn.gif) no-repeat top right;
}