/* * defaults *************************************************************************************************************************************************************************************** */
/* ************************************************************************************************************************************************************************************************** */

html,
body					{	border:			none;
						padding:		0px 0px 0px 0px;
						margin:			0px 0px 0px 0px;

						background:		#FFFFFF url("../images/background-body.gif") repeat scroll top left;
						color:			#606060;

						font:			normal normal normal 11px /normal Arial,Helvetica,Verdana,Sans-Serif;
					}

p,
div,
form					{	border:			none;
						padding:		0px 0px 0px 0px;
						margin:			0px 0px 0px 0px;
					}

table					{	border:			none;
						padding:		0px 0px 0px 0px;
						margin:			0px 0px 0px 0px;

						caption-side:		top;
						table-layout:		auto;
						border-collapse:	collapse;
						border-spacing:		0px;
						empty-cells:		show;
					}

td,
th					{	border:			none;
						padding:		0px 0px 0px 0px;
						margin:			0px 0px 0px 0px;

						font:			normal normal normal 11px /normal Arial,Helvetica,Verdana,Sans-Serif;
						text-align:		left;
						vertical-align:		middle;
					}

img					{	border:			none;
						vertical-align:		middle;
					}

h1,
h2,
h3,
h4,
h5,
h6					{	border:			none;
						padding:		0px 0px 0px 0px;
						margin:			0px 0px 0px 0px;

						font:			normal normal normal 11px /normal Arial,Helvetica,Verdana,Sans-Serif;
					}

a					{	color:			#606060;
						text-decoration:	none;
					}

a:hover					{	color:			#000000;
						text-decoration:	underline;
					}

textarea.textarea			{	border:			1px solid #A0A0A0;
						padding:		0px 0px 0px 2px;
						margin:			4px 0px 4px 0px;

						font:			normal normal normal 11px /normal Arial,Helvetica,Verdana,Sans-Serif;
					}

aselect.select				{	border:			1px solid #A0A0A0;
						padding:		0px 0px 0px 0px;
						margin:			0px 0px 0px 0px;

						font:			normal normal normal 11px /normal Arial,Helvetica,Verdana,Sans-Serif;
						vertical-align:		middle;
					}

ainput.textbox				{	border:			1px solid #A0A0A0;
						padding:		0px 0px 0px 2px;
						margin:			0px 0px 0px 0px;

						font:			normal normal normal 11px /normal Arial,Helvetica,Verdana,Sans-Serif;
						vertical-align:		middle;
					}

span.bold				{	font-weight:		bold;
					}

span.italic				{	font-style:		italic;
					}

span.underline				{	text-decoration:	underline;
					}



/* * layout ***************************************************************************************************************************************************************************************** */
/* ************************************************************************************************************************************************************************************************** */

#wrapper				{	text-align:		center;
					}

#container				{	width:			803px;
						margin:			auto;

						text-align:		left;
					}

#header					{	width:			803px;
						padding:		55px 0px 0px 0px;
					}

#content				{	width:			803px;
						padding:		30px 0px 0px 0px;
						clear:			both;

						background:		transparent url("../images/background-content.gif") no-repeat scroll top left;
					}

#panel-left				{	width:			200px;
						float:			left;
					}

#panel-right				{	width:			574px;
						padding:		5px 0px 0px 0px;
						float:			right;

						font:			normal normal normal 11px /150% Arial,Helvetica,Verdana,Sans-Serif;
					}

#footer					{	width:			803px;
						height:			65px;
						margin:			55px 0px 0px 0px;

						color:			#A0A0A0;
						background:		transparent url("../images/footer.gif") no-repeat scroll top left;
						text-align:		right;
					}



/* * header ***************************************************************************************************************************************************************************************** */
/* ************************************************************************************************************************************************************************************************** */

#logotyp				{	width:			215px;
						margin:			15px 0px 0px 0px;
						float:			right;
					}

#navigation-top				{	border:			none;
						padding:		0px 0px 13px 0px;
						margin:			0px 0px 0px 0px;

						text-align:		right;

						list-style:		none none outside;
					}

#navigation-top li			{	border:			none;
						padding:		0px 0px 0px 0px;
						margin:			0px 0px 0px 0px;
						display:		inline;
					}

#navigation-top li a			{	border-right:		1px solid #A0A0A0;
						padding:		0px 13px 0px 13px;

						color:			#A0A0A0;
					}

#navigation-top li a:hover		{	color:			#000000;
					}

#navigation				{	border:			none;
						padding:		13px 0px 0px 0px;
						margin:			0px 0px 0px 0px;

						text-align:		left;

						list-style:		none none outside;
					}

#navigation li				{	border:			none;
						padding:		0px 0px 0px 0px;
						margin:			0px 0px 0px 0px;
						display:		inline;
					}

#navigation li a			{	border-left:		1px solid #A0A0A0;
						padding:		0px 13px 0px 13px;

						color:			#A0A0A0;
					}

#navigation li a:hover			{	color:			#000000;
					}



/* * footer ***************************************************************************************************************************************************************************************** */
/* ************************************************************************************************************************************************************************************************** */

#navigation-bottom			{	border:			none;
						padding:		8px 0px 0px 0px;
						margin:			0px 0px 18px 0px;

						text-align:		left;

						list-style:		none none outside;
					}

#navigation-bottom li			{	border:			none;
						padding:		0px 0px 0px 0px;
						margin:			0px 0px 0px 0px;
						display:		inline;
					}

#navigation-bottom li a			{	border-left:		1px solid #A0A0A0;
						padding:		0px 13px 0px 13px;

						color:			#A0A0A0;
					}

#navigation-bottom li a:hover		{	color:			#000000;
					}



/* * content - main ********************************************************************************************************************************************************************************* */
/* ************************************************************************************************************************************************************************************************** */

#banner					{
					}

#shortcuts				{	margin-top:		15px;
						background:		transparent url("../images/background-shortcuts.gif") repeat scroll top left;
					}

.panel					{	margin-right:		1px;
						width:			200px;
						float:			left;
						font:			normal normal normal 11px /160% Arial,Helvetica,Verdana,Sans-Serif;
					}

.panel img				{	margin-top:		12px;
					}

.panel div,
.panel form				{	margin:			8px 15px 10px 15px;
					}


.panel select				{	width:			45px;
						margin:			0px 1px 0px 0px;

						font:			normal normal normal 12px /normal Arial,Helvetica,Verdana,Sans-Serif;
						vertical-align:		middle;
					}

.panel input.textbox			{	width:			90px;
						margin:			0px 1px 0px 0px;

						font:			normal normal normal 12px /normal Arial,Helvetica,Verdana,Sans-Serif;
						vertical-align:		middle;
					}

.panel input.button			{	width:			27px;
						margin:			0px 0px 0px 0px;

						font:			normal normal normal 12px /normal Arial,Helvetica,Verdana,Sans-Serif;
						vertical-align:		middle;
					}



/* * content **************************************************************************************************************************************************************************************** */
/* ************************************************************************************************************************************************************************************************** */

#panel-left img.banner				{	margin:			15px 0px 0px 0px;
						}

#panel-right h1					{	height:			20px;

							color:			#000000;
							font:			normal normal bold 16px /normal Arial,Helvetica,Verdana,Sans-Serif;
						}

#panel-right h2					{	margin:			25px 0px 0px 0px;
							font:			normal normal bold 12px /normal Arial,Helvetica,Verdana,Sans-Serif;
						}

#panel-right h3					{	margin:			15px 0px 0px 0px;
							font:			normal normal bold 11px /normal Arial,Helvetica,Verdana,Sans-Serif;
						}

#panel-right p,
#panel-right form				{	margin:			15px 0px 0px 0px;
						}

#panel-right p.notes				{	color:			#A0A0A0;
						}

#panel-right pre				{	border:			1px dashed #EBEBEB;
							padding:		10px 10px 10px 10px;
							margin:			15px 0px 0px 0px;

							overflow:		auto;

							background-color:	#F9F9F9;
						}

#panel-right a					{	text-decoration:	underline;
						}

#panel-right table				{	width:			100%;

							table-layout:		fixed;
						}

#panel-right table.generic			{	margin:			25px 0px 0px 0px;
						}

#panel-right table.generic thead th		{	border-bottom:		1px solid #D0D0D0;
							padding:		4px;

							color:			#000000;
							text-align:		center;
							font-weight:		bold;
						}

#panel-right table.generic tbody th		{	border-bottom:		1px solid #EBEBEB;
							padding:		4px;
						}

#panel-right table.generic tbody td		{	border-bottom:		1px solid #EBEBEB;
							border-left:		5px solid #FFFFFF;
							padding:		4px;

							background-color:	#F9F9F9;
							text-align:		center;
						}

#panel-right table.generic tbody.highlight td	{	background-color:	#F4F4F4;
						}

#panel-right table.generic tbody tr.caption th	{	border-bottom:		none;

							color:			#3E3166;
							font-weight:		bold;
						}

#panel-right table.generic tbody tr.caption td	{	border-bottom:		none;
						}

#panel-right table.generic tbody tr.highlight td{	color:			#000000;
							font-weight:		bold;
						}



/* * box 200px with both rounded corners, with header, with background, with border ***************************************************************************************************************** */
/* ************************************************************************************************************************************************************************************************** */

.box-200-wbrc-wh-wbg-wbo		{	width:			200px;
						padding:		5px 0px 0px 0px;
						margin:			15px 0px 0px 0px;

						background:		transparent url("../images/box-200-wbrc-wh-wbg-wbo-top.gif") no-repeat scroll top left;
					}

.box-200-wbrc-wh-wbg-wbo h1		{	height:			20px;
						padding:		0px 0px 0px 15px;

						font:			normal normal bold 12px /normal Arial,Helvetica,Verdana,Sans-Serif;
					}

.box-200-wbrc-wh-wbg-wbo ul		{	border:			none;
						padding:		16px 15px 30px 15px;
						margin:			0px 0px 0px 0px;

						background:		transparent url("../images/box-200-wbrc-wh-wbg-wbo-bottom.gif") no-repeat scroll bottom left;

						list-style:		none none outside;
					}

.box-200-wbrc-wh-wbg-wbo ul li		{	border:			none;
						padding:		0px 0px 4px 0px;
						margin:			0px 0px 0px 0px;
					}

.box-200-wbrc-wh-wbg-wbo ul li ul	{	border:			none;
						padding:		4px 15px 0px 15px;
						margin:			0px 0px 0px 0px;

						background:		transparent none no-repeat scroll bottom left;

						list-style:		none none outside;
					}

.box-200-wbrc-wh-wbg-wbo ul li ul li	{	border:			none;
						padding:		0px 0px 4px 0px;
						margin:			0px 0px 0px 0px;
					}

.box-200-wbrc-wh-wbg-wbo span.highlight	{	color:			#000000;
						font-weight:		bold;
					}

.box-200-wbrc-wh-wbg-wbo div		{	border:			none;
						padding:		16px 15px 30px 15px;
						margin:			0px 0px 0px 0px;

						background:		transparent url("../images/box-200-wbrc-wh-wbg-wbo-bottom.gif") no-repeat scroll bottom left;
					}



/* * box 200px with both rounded corners, without header, with background, with border ***************************************************************************************************************** */
/* ************************************************************************************************************************************************************************************************** */

.box-200-wbrc-woh-wbg-wbo		{	width:			200px;
						padding:		5px 0px 0px 0px;
						margin:			15px 0px 0px 0px;

						background:		transparent url("../images/box-200-wbrc-woh-wbg-wbo-top.gif") no-repeat scroll top left;
					}

.box-200-wbrc-woh-wbg-wbo h1		{	height:			20px;
						padding:		0px 0px 0px 15px;

						font:			normal normal bold 12px /normal Arial,Helvetica,Verdana,Sans-Serif;
					}

.box-200-wbrc-woh-wbg-wbo ul		{	border:			none;
						padding:		16px 15px 30px 15px;
						margin:			0px 0px 0px 0px;

						background:		transparent url("../images/box-200-wbrc-wh-wbg-wbo-bottom.gif") no-repeat scroll bottom left;

						list-style:		none none outside;
					}

.box-200-wbrc-woh-wbg-wbo ul li		{	border:			none;
						padding:		0px 0px 4px 0px;
						margin:			0px 0px 0px 0px;
					}

.box-200-wbrc-woh-wbg-wbo ul li ul	{	border:			none;
						padding:		4px 15px 0px 15px;
						margin:			0px 0px 0px 0px;

						background:		transparent none no-repeat scroll bottom left;

						list-style:		none none outside;
					}

.box-200-wbrc-woh-wbg-wbo ul li ul li	{	border:			none;
						padding:		0px 0px 4px 0px;
						margin:			0px 0px 0px 0px;
					}

.box-200-wbrc-woh-wbg-wbo span.highlight{	color:			#000000;
						font-weight:		bold;
					}

.box-200-wbrc-woh-wbg-wbo div		{	border:			none;
						padding:		16px 15px 30px 15px;
						margin:			0px 0px 0px 0px;

						background:		transparent url("../images/box-200-wbrc-wh-wbg-wbo-bottom.gif") no-repeat scroll bottom left;
					}
