/*
========================================================================
General styles.
========================================================================
*/
* { margin: 0; padding: 0; }
html
{

}
body
{
	text-align: center;
	background-color: #fff;
}
html, body, div, ul, li, td, p
{
	font-family: Arial;
	font-size: 11pt;
	color: #222;
}
html a, body a, div a, ul a, li a, td a, p a, span a
{
	color: #000;
}
p
{
	margin: 10px 0 10px 0;
}
h1
{
	font-size: 24pt;
	color: #000;
	font-weight:normal;
}
h2
{
	font-size: 17pt;
	color: #339900;
	font-weight:normal;
}
/*
========================================================================
Boxes.
========================================================================
*/
div.box-container
{
	width: 400px;
}
div.box-container.wide
{
	width: 547px;
}
div.box-container div.top {}
div.box-container div.bottom {}
div.box-container div.body
{
	padding: 25px;
	padding-bottom: 16px;
}
div.box-container a
{
	color: #578bb1
}
div.box-container a:hover
{
	text-decoration: none;
}
div.box-container table td
{
	padding: 3px;
}

/*	Purple. */
div.box-container.purple div.top
{
	background: #fff url(../images/box-container/purple-container.png) top center repeat-y;
}
div.box-container.purple div.bottom
{
	background: #fff url(../images/box-container/purple-container-bottom.png) bottom center no-repeat;
	height: 9px;
}
div.box-container.wide.purple div.top
{
	background: #fff url(../images/box-container/purple-wide-container.png) top center repeat-y;
}
div.box-container.wide.purple div.bottom
{
	background: #fff url(../images/box-container/purple-wide-container-bottom.png) bottom center no-repeat;
}

/*	Green. */
div.box-container.green div.top
{
	background: #fff url(../images/box-container/green-container.png) top center repeat-y;
}
div.box-container.green div.bottom
{
	background: #fff url(../images/box-container/green-container-bottom.png) bottom center no-repeat;
	height: 9px;
}
div.box-container.wide.green div.top
{
	background: #fff url(../images/box-container/green-wide-container.png) top center repeat-y;
}
div.box-container.wide.green div.bottom
{
	background: #fff url(../images/box-container/green-wide-container-bottom.png) bottom center no-repeat;
}

/*	Blue. */
div.box-container.blue div.top
{
	background: #fff url(../images/box-container/blue-container.png) top center repeat-y;
}
div.box-container.blue div.bottom
{
	background: #fff url(../images/box-container/blue-container-bottom.png) bottom center no-repeat;
	height: 9px;
}
div.box-container.wide.blue div.top
{
	background: #fff url(../images/box-container/blue-wide-container.png) top center repeat-y;
}
div.box-container.wide.blue div.bottom
{
	background: #fff url(../images/box-container/blue-wide-container-bottom.png) bottom center no-repeat;
}

/*	Yellow. */
div.box-container.yellow div.body
{
	padding-bottom: 16px;
	padding-top: 19px;
}
div.box-container.yellow div.top
{
	background: #fff url(../images/box-container/yellow-container-top.png) center center no-repeat;
	height: 6px;
}
div.box-container.yellow div.bottom
{
	background: #fff url(../images/box-container/yellow-container.png) bottom center repeat-y;
}
div.box-container.wide.yellow div.top
{
	background: #fff url(../images/box-container/yellow-wide-container-top.png) center center no-repeat;
}
div.box-container.wide.yellow div.bottom
{
	background: #fff url(../images/box-container/yellow-wide-container.png) bottom center repeat-y;
}

/*
========================================================================
Buttons.
========================================================================
*/
div.button-container
{
	cursor: pointer;
	border: 1px solid #dfdfdf;
	float: left;
}
div.button-container input.button, div.button-container a.button
{
	width: 100px;
	border: 1px solid #fff;
	font-weight: bold;
	color: #000;
	cursor: pointer;
	font-family: Arial;
	font-size: 10pt;
	background-color: #cacaca;
	padding: 2px;
	text-transform: capitalize;
}

/* Disabled. */
div.button-container.disabled
{
	cursor: default;
}
div.button-container.disabled input.button, div.button-container.disabled a.button
{
	background-color: #b3b3b3;
	cursor: default;
}

/* Green. */
div.button-container.green input.button, div.button-container.green a.button
{
	background-color: #c9e6a5;
}

/* Yellow. */
div.button-container.yellow input.button, div.button-container.yellow a.button
{
	background-color: #fbc413;
}

/* Purple. */
div.button-container.purple input.button, div.button-container.purple a.button
{
	background-color: #d19ef8;
}

/* Blue. */
div.button-container.blue input.button, div.button-container.blue a.button
{
	background-color: #abd0f2;
}

/*
========================================================================
Notice box.
========================================================================
*/
div.notice-box
{
	border: 1px solid #000;
	padding: 10px;
	margin: 0;
	font-size: 10pt;
	margin-bottom: 10px;
}
div.notice-box ul
{
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
div.notice-box ul li
{
	font-size: 9pt;
	padding: 0;
	margin: 0;
	margin: 2px 20px;
}
div.notice-box p
{
	margin: 0;
	padding: 0;
}

/*	Yellow. */
div.notice-box.yellow
{
	border-color: #a45b13;
	color: #381f00;
	background-color: #ffdd57;
}
div.notice-box.yellow ul, div.notice-box.yellow li, div.notice-box.yellow p
{
	color: #381f00;
	margin-bottom: 5px;
}

/*	Green. */
div.notice-box.green
{
	border-color: #2a6b13;
	color: #2a6b13;
	background-color: #d8ffaa;
}
div.notice-box.green ul, div.notice-box.green li, div.notice-box.green p
{
	color: #2a6b13;
	margin-bottom: 5px;
}

/*	Red. */
div.notice-box.red
{
	border-color: #b50e0e;
	color: #b50e0e;
	background-color: #faabab;
}
div.notice-box.red ul, div.notice-box.red li, div.notice-box.red p
{
	color: #b50e0e;
	margin-bottom: 5px;
}

/*
========================================================================
Forms.
========================================================================
*/
form label
{
	font-weight: bold;
	color: #212b2f;
}
form select, form input.text, form textarea
{
	font-family: Arial;
	font-size: 10pt;
}
form input.text, form textarea, form select
{
	width: 130px;
	height: 17px;
	padding: 1px 2px 0 2px;
	background: #F6F6F5;
	border: 1px solid #F6F6F5;
	border-left-color: #E1DFD7;
	border-top-color: #D4D2C5;
}
form select
{
	height: auto;
}
form textarea
{
	width: 235px;
	height: 100px;
}
form input.text
{
	width: 165px;
}

div.description ul, div.description ol
{
	margin-left: 25px;
}