ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; font-size: 100%; }
:focus { outline: none; -moz-outline-style: none; outline-style: none; }
* {
	font-size: 100%;
}

* {
	-moz-box-sizing: padding-box;
	outline: none;
	outline-style: none;
}

/* basics */
html
{
	font-family: arial; //tahoma;
	font-size: 1em;

	border: 0px;
	padding: 0px;
	margin: 0px;

	cursor: default;
	overflow: auto;
	overflow-y: scroll;
}
html.noHorizontalOverflow
{
	overflow-x: hidden;
}

body
{
	border: 0px;
	padding: 0px;
	margin: 0px;

	font-size: 1em;

	background-color: #fff;
	xbackground-image: url( "background.png" );
	xbackground-position: 0 0;
	xbackground-repeat: no-repeat;
}

a, img
{
	border: 0px;
}

a
{
	color: #777;
}
a:hover
{
	color: #039DFB;
}

/* shared controls */
.mainPageStyle .stretching-input-field
{
	position: relative;
	margin-top: 32px;
	width: 230px;
	height: 25px;
x	border: 1px solid red;
}
.searchPageStyle .stretching-input-field
{
	position: relative;
	margin-top: 0px; //32px;
	width: 230px;
	height: 25px;
x	border: 1px solid red;
}
	.mainPageStyle .stretching-input-field .field-start
	{
		z-index: 1;
		position: relative;
		left: 0px;
		top: 0px;
		background-image: url( "layout/searchbox_home.png" );
		background-position: 0px 0px;
		background-repeat: no-repeat;
		margin-right: 13px;
		height: 100%;
	}
	.searchPageStyle .stretching-input-field .field-start
	{
		z-index: 1;
		position: relative;
		left: 0px;
		top: 0px;
		background-image: url( "layout/searchbox.png" );
		background-position: 0px 0px;
		background-repeat: no-repeat;
		margin-right: 13px;
		height: 100%;
	}
	
	.mainPageStyle .stretching-input-field .field-end
	{
		z-index: 1;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 13px;
		background-image: url( "layout/searchbox_home.png" );
		background-position: top right;
		background-repeat: no-repeat;
		height: 100%;
	}
	.searchPageStyle .stretching-input-field .field-end
	{
		z-index: 1;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 13px;
		background-image: url( "layout/searchbox.png" );
		background-position: top right;
		background-repeat: no-repeat;
		height: 100%;
	}
	
	/*.mainPageStyle .stretching-input-field .wrapper
	{
		position: absolute;
		z-index: 2;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		border: 0px solid blue;
		padding: 4px 8px 0px 9px;
		vertical-align: top;
	}
	.searchPageStyle .stretching-input-field .wrapper
	{
		position: absolute;
		z-index: 2;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		border: 0px solid blue;
		padding: 4px 8px 0px 9px;
		vertical-align: top;
	}*/
	
		.mainPageStyle .stretching-input-field .actual-field
		{
			position: relative;
			border: 0px solid Lime;
			background-color: transparent;
			width: 100%;
			height: 24px;
			
			padding: 0px 0px 0px 0px;
			margin: 0px;
			/*padding: 4px 8px 0px 9px;*/
			
			top: -21px;
			left: 8px;
			vertical-align: top;
			
			z-index: 2;
			
			
			/*margin: 0px;
			float: left;*/ /* fixes some ie7 alignment crap... prolly due to #left-panel being a left float */			
			font: normal 14px arial; //tahoma;
			color: #444;
		}
		.searchPageStyle .stretching-input-field .actual-field
		{
			position: relative;
			border: 0px solid Lime;
			background-color: transparent;
			width: 100%;
			height: 24px;
			
			padding: 0px 0px 0px 0px;
			margin: 0px;
			/*padding: 4px 8px 0px 9px;*/
			
			top: -21px;
			left: 8px;
			vertical-align: top;
			
			z-index: 2;
			
			
			/*margin: 0px;
			float: left;*/ /* fixes some ie7 alignment crap... prolly due to #left-panel being a left float */			
			font: normal 14px arial; //tahoma;
			color: #444;
		}
		
.stretching-button
{	/* 92 pixels max right now, limited by button-start.png length */
	/* since ie always has problems with certain widths and heights, specially with pngs, width should be an even number */
	position: relative;
	width: 92px;
	height: 25px;
x	border: 1px solid red;
	overflow: hidden;
	cursor: pointer;
}
	.stretching-button .button-start
	{
		z-index: 1;
		position: relative;
		left: 0px;
		top: 0px;
		background-image: url( "layout/form-atlas.png" );
		background-position: 0px 0px;
		background-repeat: no-repeat;
		margin-right: 12px;
		height: 100%;
	}
	.stretching-button .button-end
	{
		z-index: 1;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 12px;
		background-image: url( "layout/form-atlas.png" );
		background-position: -137px 0px;
		background-repeat: no-repeat;
		height: 100%;
	}
	.stretching-button .wrapper
	{
		position: absolute;
		z-index: 2;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		width: 100%;
		height: 100%;
		padding: 3px 3px;
x		overflow: hidden;
		font: normal 11px;
		line-height: 1em;
		color: #444;
	}
	.stretching-button .wrapper a
	{
		position: relative;
		border: 0px solid green;
x		background: pink;
		overflow: hidden;
		width: 100%;
		height: 100%;
		text-decoration: none;
		white-space: pre;

		display: block;
		vertical-align: middle;
		text-align: center;
		font-size: 11px;
		color: #444;
	}
	.stretching-button .wrapper a:hover
	{
		color: #888;
	}

#mainContainer
{
#	background-color: #ccc;
	text-align: center;
	position: relative;
	border: 1px solid red;
}

.mainPageStyle #logo
{
	background-image: url( "layout/logo_big_color_tm.png" );
	background-repeat: no-repeat;
	background-position: center;
	width: 162px; //150px;
	height: 70px;

	display: block;
	z-index: 1;
	margin: auto;
	margin-left: 176px; //-10px;
	text-align: center;
}

.searchPageStyle #logo
{
	background-image: url( "layout/logo_small_color.png" );
	background-repeat: no-repeat;
	background-position: center;
	width: 79px;
	height: 43px;

	display: inline;
	z-index: 1;
	margin: auto;
	text-align: center;
	float: left;
	vertical-align: middle;
}

.nonmainPageStyle #logo
{
	background-image: url( "layout/logo_small_color.png" );
	background-repeat: no-repeat;
	background-position: center;
	width: 79px;
	height: 43px;

	display: inline;
	z-index: 1;
	margin: auto;
	text-align: center;
	float: left;
	vertical-align: middle;
}

#CachedIndicator
{
	background-color: #CFF59F;
	position: absolute;
	left: 10px;
	top: 10px;

	font: normal 80% verdana;
	padding: 2px 5px;
}

#NoResultsMsgbox
{
	display: block;
	position: absolute;
	left: 50%;
	/*top: 300px;*/
	width: 500px;
x	height: 100px;
	margin-left: -250px;

	/*background-color: #f2f2f2;*/

	padding: 2em;

	font: normal 120% arial; //tahoma;
	color: #444;
}

#pageindicator
{
	display: block;
	position: absolute;
	left: 50%;
	margin-left: 365px; //320px; //312px;
	top: 21px; //46px;
	
	font: normal 9pt tahoma;
	color: #444;
	
/*	width: 500px;
x	height: 100px;*/
}

#SearchErrorContainer
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	height: 200px;
	margin-left: -150px;
	margin-top: -100px;

	background-color: #eee;
	border: 1px solid #777;


}

#searchBox.mainPageStyle
{
	display: block;
	clear: both;

x	border: 1px dotted #fcc;
	width: 496px;
	
	position: absolute;
	margin: 0px;
	top: 58px;
	left: 50%;
	margin-left: -248px;
	margin-top: 0px;
	height: 210px;
}

#searchBox.searchPageStyle
{
	display: block;
	height: auto;
	clear: both;

x	border: 1px dotted #fcc;
	width: 800px; //633px; //54px;

	position: absolute;
	margin: auto;
	top: 8px;
	left: 50%;
	margin-left: -360px; //-316px;
}

#searchBox.nonmainPageStyle
{
	display: block;
	height: auto;
	clear: both;

x	border: 1px dotted #fcc;
	width: 800px; //633px; //54px;

	position: absolute;
	margin: auto;
	top: 10px; //3px; //8px;
	left: 140px; //50%;
	/*margin-left: -495px; -460px; //-360px; //-316px;*/
}

#PrimaryNavigation
{
	/*margin-top: 20px;*/
	margin-top: 52px;
x	border: 1px solid red;
	height: 32px;
	display: block;
}
#PrimaryNavigation.Hidden
{
	display: none;
}
	#PrimaryNavigation .PrimaryNavButton
	{
		position: absolute;
		background-repeat: no-repeat;
		background-position: 0 0;
		/*height: 32px;*/
		cursor: pointer;
		z-index: 100;
	}
	#PrimaryNavigation .PrimaryNavButton.About
	{
		left: 104px;
		/*background-image: url( "buttons/primary-nav-about.png" );*/
		width: 62px;
		font-size: small;
		text-decoration: none;
		color: #0F7AE2;
	}
	#PrimaryNavigation .PrimaryNavButton.About:hover
	{
		color: #808080;
	}
	#PrimaryNavigation .PrimaryNavButton.Developers
	{
		left: 212px;
		/*background-image: url( "buttons/primary-nav-developers.png" );*/
		width: 112px;
		font-size: small;
		text-decoration: none;
		color: #0F7AE2;
	}
	#PrimaryNavigation .PrimaryNavButton.Developers:hover
	{
		color: #808080;
	}
	#PrimaryNavigation .PrimaryNavButton.Jobs
	{
		left: 369px;
		/*background-image: url( "buttons/primary-nav-jobs.png" );*/
		width: 32px;
		font-size: small;
		text-decoration: none;
		color: #0F7AE2;
	}
	#PrimaryNavigation .PrimaryNavButton.Jobs:hover
	{
		color: #808080;
	}
#searchBox.mainPageStyle fieldset
{
	position: relative;
	text-align: center;
	margin: auto;
	width: 492px;

	border: 0px dotted #ddd;
	line-height: 25px;
	vertical-align: middle;
}
#searchBox.searchPageStyle fieldset
{
	display: inline;
	position: relative;
	text-align: center;
	margin: auto;
	top: 10px;
	left: 6px;
	width: 629px; //50px;

	border: 0px dotted #ddd;
	line-height: 25px;
	vertical-align: middle;
}
	#searchBox.mainPageStyle fieldset .searchField
	{
		width: 492px;
	}
	#searchBox.searchPageStyle fieldset .searchField
	{
		width: 629px; //50px;
	}
	#searchBox label
	{
x		border: 1px solid blue;
		float: left;
		clear: none;
		display: inline;

		margin: 3px 0px;
		padding: 0px;
		height: 18px;
		line-height: 18px;

		font-size: 90%;
		color: #444;
		text-align: right;
		vertical-align: middle;
	}
	.mainPageStyle #searchBox .stretching-input-field
	{
		float: left;
		clear: none;
	}
	.searchPageStyle #searchBox .stretching-input-field
	{
		float: left;
		clear: none;
	}
	#searchBox .buttons
	{
		xborder: 1px solid red;
		float: left;
		clear: right;
	}
	#searchBox .stretching-button
	{
		float: left;
		clear: none;
		width: 70px;
	}


#searchResults
{
	position: absolute;
	display: block;
	margin: auto;
	clear: both;
	text-align: center;

	xtop: 170px;
	top: 46px; //120px;
	width: 700px;
	left: 50%;
	margin-left: -350px;

	xborder: 1px dotted #eee;
	z-index: 5;
}

	.pageControl
	{
		position: absolute;
		display: block;
		margin: auto;
		clear: both;
		text-align: center;

		/*xtop: 170px;
		top: 0px;*/
		width: 700px;
		left: 50%;
		margin-left: -350px;
		margin-top: 15px;

		xborder: 1px dotted #eee;
		z-index: 5;

		/*border: 0px dotted #ccc;
		height: 30px;
		width: 300px;
		xbackground: orange;
		position: absolute;
		bottom: -40px;
		left: 50%;
		padding: 0px;
		margin-left: -150px;
		xborder-top: 1px solid #ccc;
		z-index: 10;*/
	}
	.pageControl a.moreLink
	{
		text-decoration: none;
		padding: 0px 5px;
		cursor: pointer;
		font-size: 100%; //90%;
		font-weight: normal;
		color: #0000CC; //#4093E9;
		padding: 5px;
	/*	top: 0px;*/
		xborder-bottom: 1px dashed #4093E9;
x		border: 1px solid red;
		z-index: 100;
	}
	.pageControl a.moreLink:hover
	{
		color: #7BC63C;
	}

.waitIndicator
{
	background-image: url( "images/ajax-loader-bouncy.gif" );
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 100px;
	left: 10px;
	z-index: 100;
	xdisplay: none;
	opacity: 0;
	filter:alpha(opacity=0);
}
.waitIndicator.visible
{
	xdisplay: block;
}

.resultBox
{
	position: relative;
	overflow: visible;
	xwidth: 60%;
	width: 630px;
	xheight: 100px;
	margin: auto;
	margin-bottom: 10px;
	padding: 0px;
	display: block;
	text-align: left;
	min-height: 50px;

x	cursor: pointer;
x	border: 1px solid #eee;
}
.resultBox.empty
{
	min-height: 100px;
	background-color: #FbFbf4;
	opacity: 0;
	filter:alpha(opacity=0);
}

	.resultBox .control
	{
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0px;

		width: 40px;
		text-align: center;

x		border: 1px dotted #ccc;
		margin: 2px;
		cursor: pointer;
		
		background-color:#FFFFFF; 
		layer-background-color:#FFFFFF; 
		visibility: visible;
	}
	.resultBox .control a.satisfaction
	{
		//background-image: url( "icons/emoticon_smile.png" );
		background-image: url( "icons/happy.gif" );
		background-repeat: no-repeat;
		background-position: 0 0;

		display: block;
		margin: auto;
		margin-top: 3px; //4px;
		margin-right: 15px; //10px;
		width: 24px; //16px;
		height: 24px; //16px;
		xborder: 1px solid red;
		cursor: pointer;
	}
	.resultBox .control a.satisfaction.unsatisfied
	{
		//background-image: url( "icons/emoticon_unhappy_gray.png" );
		//opacity: 0.3;
		background-image: url( "icons/not_happy.gif" );
	}
	.resultBox .control a.satisfaction:hover
	{
	}
	.resultBox .contents
	{
		position: relative;
		padding: 2px;
		margin: 2px;
		margin-left: 40px;
		margin-bottom: -6px; //30px;
x		height: 150px;
		/*background: #f8f8f8;*/
x		border: 1px solid #eee;

		max-height: 400px; //200px;
		overflow: hidden;

		font-size: 10pt; //95%;
		font: arial;
	}
		.resultBox .contents a
		{
			color: #0000CC; //#0F7AE2;
			font-size: 100%;
			line-height: 25px;
		}
		.resultBox .contents a:visited 
		{ 
			color: purple;
		}
		.resultBox .contents address
		{
			color: #358E3D;
			font-size: 100%;
			clear: right;
			display: inline;
			font-variant: normal;
			font-style: normal;
			padding-left: 10px;
		}
		.resultBox .toolbar a
		{
			padding: 0px;
			margin-right: 10px;
			margin-left: 3px;
			font-size: 70%; //80%;
			line-height: 20px; //5px;
			text-decoration: none;
			color: #5A584C;
x			font-weight: bold;
x			border: 1px solid red;
		}

		.resultInfo
		{
			position: absolute;
			left: -400px;
			top: 0px;
			width: 10px;
			height: 10px;
			border: 1px dotted #bbb;
			background-color: #eee;
			z-index: 1000;
			opacity: 0;
			padding: 5px;
			overflow: hidden;

			font-size: 90%;
		}

	.resultBox .toolbar
	{
		position: relative;
		left: 0px;
		right: 0px;
		bottom: 0px;
		margin: 2px;
		margin-left: 40px;
		height: 13px; //21px;
x		border: 1px dotted #ccc;
x		background: pink;
	}

	.resultBox .toolbar a
	{
		cursor: pointer;
	}

/* dialogs */
.Generic-Dialog {
	width: 300px;
	height: 300px;
	left: 0px;
	top: 0px;

	color: #fff;

	opacity: .9;
	z-index: 100;
	padding: 0px;
	position: absolute;

	xborder: 1px solid red;
	z-index: 100;
}
	.Generic-Dialog .Corner {
		background-image: url( "layout/dialog-3-large.png" );
		position: absolute;
		width: 14px; height: 14px;
		z-index: 1;
		xopacity: .9;
	}
	.Generic-Dialog .TR {
		top: 0px; right: 0px;
		bottom: 14px; height: auto;
		background-position: top right;
	}
	.Generic-Dialog .TL {
		top: 0px; left: 0px;
		right: 14px; width: auto;
		bottom: 14px; height: auto;
		background-position: top left;
	}
	.Generic-Dialog .BR {
		bottom: 0px; right: 0px;
		background-position: bottom right;
	}
	.Generic-Dialog .BL {
		bottom: 0px; left: 0px;
		right: 14px; width: auto;
		background-position: bottom left;
	}
	.Generic-Dialog > .Body {
		margin: 8px;
		padding: 5px;
		xborder: 1px solid green;
		z-index: 200;
		position: relative;
		display: block;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		
		/*height: 400px;*/
		margin-bottom: 100px;
		
		font-size: 95%;
		font-family: helvetica, arial;
	}
	.Generic-Dialog.Info > .Body {
		margin-bottom: 45px;
	}

.TextWrapper {
	xwidth: 300px;
	xheight: 300px;
	xleft: 0px;
	xtop: 0px;

	color: #fff;

	opacity: .9;
	z-index: 100;
	padding: 8px 10px;
	display: block;
	margin: 0px;
	position: relative;

	xborder: 1px solid red;
	z-index: 100;
}
	.TextWrapper .Corner {
		background-color: transparent;
		background-image: url( "layout/textarea-2.png" );
		background-position: top left;
		xborder: 1px solid red;
		position: absolute;
		width: 14px; height: 14px;
		top: 14px; height: 14px; left: 14px; bottom: 14px;
		z-index: 1;
	}
	.TextWrapper .TR {
		top: 0px; right: 0px;
		left: auto;
		height: auto;
		background-position: top right;
		z-index: 1;
	}
	.TextWrapper .TL {
		top: 0px; left: 0px;
		height: auto; width: auto;
		background-position: top left;
		z-index: 1;
	}
	.TextWrapper .BR {
		top: auto;
		width: auto;
		bottom: 0px; right: 0px;
		background-position: bottom right;
		z-index: 1;
	}
	.TextWrapper .BL {
		bottom: 0px; left: 0px;
		right: auto; top: auto;
		background-position: bottom left;
		z-index: 1;
	}
	.TextWrapper > .Body {
		xborder: 1px solid #ccc;
		margin: 0px;
		padding: 0px;
		z-index: 100;
		position: relative;
	}
	.TextWrapper .Body > TEXTAREA {
		xborder: 1px solid green;
		border: none;
		background: none;
		padding: 0px;
		margin: 0px;
		width: 100%;
		height: 100px;
	}

.Generic-Dialog.Report {
	width: 400px;
	height: auto;
	overflow: visible;

	xborder: 1px solid red;

	padding: 0px 3px 3px 0px; /* compensate for the right corners being larger cause of the shadow */

	color: #000;
	font-family: tahoma;
	font-size: 95%;
}
	.Generic-Dialog.Report .Container .TextWrapper {

	}
	.Generic-Dialog.Report .Container > TEXTAREA {
		xborder: 1px solid #DEDE62;
		border: none;
		background-color: transparent;
		margin: 0px;
		padding: 6px 8px;
		height: 100px;
		width: 100%;
	}
	.Generic-Dialog.Report .Container {
		margin: 0px;
		padding: 0px;
		xborder: 1px solid red;
		z-index: 200;
		position: relative;
		xoverflow: hidden;
		width: auto;
		display: block;
		bottom: 0px;

		xbackground: #fff;
		xcolor: #000;
	}
	.Generic-Dialog.Report .Label {
		padding: 5px;
	}
	.Generic-Dialog.Report .Container .Message {

	}
	.Generic-Dialog.Report .Container a {
		xcolor: #FFE50A;
		xborder-bottom: 1px dashed #FFE50A;
		text-decoration: none;

		color: #3262AE;
		border-bottom: 1px dashed #3262AE;
	}
	.Generic-Dialog.Report .TextWrapper {
		margin: 10px 10px 10px 10px;
	}
	.Generic-Dialog.Report .Buttons {
		float: left;
		clear: none;
		position: absolute;
		bottom: -90px;
		left: 0px;
		xborder: 1px solid #ccc;
		padding: 5px;
		z-index: 100;
		width: 100%;
	}
	.Generic-Dialog.Report.Info .Buttons {
		bottom: -35px;
	}
	.Generic-Dialog.Report .Buttons .Message {
		padding: 5px;
	}
	.Generic-Dialog.Report .stretching-button {
		clear: none;
		float: left;
		margin-right: 20px;
	}

/*tooltip*/

div.tooltip-tip {
	width: 200px;
	/*margin-left: -230px;
	margin-top: -20px;*/
	color: #fff;
	text-align: center;
	/*opacity: .9;*/
	z-index: 100;
	padding: 0px;
	position: absolute;

	xborder: 1px solid red;
}
div.tooltip-tip span {
	xborder: 1px solid green;
	padding: 0px;
	margin: 0px;
	display: inline;
	xbackground: orange;
}
div.tooltip-tip h4, div.tooltip-tip p {
	xborder: 1px solid blue;
	display: inline;
}

div.tooltip-title {
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0px;
	padding: 13px 10px 5px;
	background: url(layout/balloon.gif) top left no-repeat !important;
	border: 0px solid red;
	font-size: 11px;
	xborder: 1px solid red;
}

div.tooltip-text {
	margin: 0px;
	padding: 0px 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(layout/balloon.gif) bottom left no-repeat !important;
	xborder: 1px solid red;
	font-size: 10px;
}

/* Developers Corner */
#SecondaryNav
{
	left: 75px; //110px; //130px;
	top: 97px; //90px; //110px;
	position: absolute;
	height: 180px;
	width: 200px;
x	border: 1px dotted #ccc;
}
	#SecondaryNav HR
	{
		height: 1px;
		background-color: #ccc;
		border: 0px;
		xborder-bottom: 1px solid #ccc;
		width: 70%;
	}

	#SecondaryNav .Title
	{
		background-repeat: no-repeat;
		background-position: center;
		display: block;
		width: 182px;
		height: 32px;
		margin: 10px 0px;
	}

	#SecondaryNav .Inactive-Title
	{
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		display: block;
		width: 182px;
		height: 32px;
		margin: 5px 0px;
	}

	#SecondaryNav .Inactive-Title.About {
		background-image: url( "buttons/primary-nav-about.png" );
	}

	#SecondaryNav .Inactive-Title.Jobs {
		background-image: url( "buttons/primary-nav-jobs.png" );
	}

	#SecondaryNav .Inactive-Title.Developers {
		background-image: url( "buttons/primary-nav-developers.png" );
	}

	#SecondaryNav .Inactive-Title.TopLeft {
		left: -80px;
		top: -40px;
	}
	#SecondaryNav .Inactive-Title.TopRight {
		left: 90px;
		top: -40px;
	}

	#SecondaryNav .Jobs {
		background-image: url( "content/SecondaryNavTitle-Jobs.png" );
	}

	#SecondaryNav .About {
		background-image: url( "content/SecondaryNavTitle-About.png" );
	}

	#SecondaryNav .Developers {
		background-image: url( "content/SecondaryNavTitle-Developers.png" );
	}

	#SecondaryNav .SecondaryNavItem
	{
x		border: 1px solid red;
		text-align: right;
		line-height: .87em;
	}
		#SecondaryNav .SecondaryNavItem a
		{
		x	border: 1px solid green;
			display: block;
			text-align: right;
			margin-right: 30px;
			color: #b1b1b1;
			text-decoration: none;
			font-size: 90%;
			line-height: 1.5em;
		}
		#SecondaryNav .SecondaryNavItem a:hover
		{
			color: #4597eb;
		}
		#SecondaryNav .SecondaryNavItem.Selected A
		{
			color: #4597eb;
			font-weight: bold;
		}

	.sIFR-active #SecondaryNav .SecondaryNavItem a
	{
		visibility: hidden;
	}

#Contents
{
	position: absolute;
	left: 354px; //380px;
	top: 67px; //23px; //120px; //140px;
	right: 20px;
	min-width: 600px;
	padding: 1em;
	padding-top: 0;
	display: block;
x	background-color: #ddd;

	font: normal 95% arial; //tahoma;
}

/* manage user account */
TABLE.ManageEnginesTable
{
	font: normal 100% arial;
x	border: 1px solid #ccc;
	z-index: 100;
	border-collapse: collapse;
	width: 700px;
	line-height: 150%;
}

TABLE.ManageEnginesTable TD
{
	padding: 1px 3px;
	font-size: 100%;
}

TABLE.ManageEnginesTable TH
{
	font-weight: normal;
	text-decoration: underline;
}

/* headers */
TABLE.ManageEnginesTable TH.EngineName
{
	text-align: left;
}

TABLE.ManageEnginesTable TH.NetProfit
{
x	background-color: #E7CF0F;
	text-align: center;
	width: 130px;
}

TABLE.ManageEnginesTable TH.MoreInfo
{
	text-align: center;
x	background-color: #D4E70F;
	width: 130px;
}

/* row that contains the engine name and net profit */
TABLE.ManageEnginesTable TR.Engine
{
	xborder-top: 1px dotted #eee;
	background-color: #F6F7EC;
}

	TABLE.ManageEnginesTable TD.EngineName
	{
		text-align: left;
		padding-left: 10px;
	}

	TABLE.ManageEnginesTable TD.Highlight
	{
		background-color: #E4E3AB;
	}

	TABLE.ManageEnginesTable TD.NetProfit
	{
		text-align: right;
		padding-right: 32px;
	}


/* row that contains engine details and actions */
TABLE.ManageEnginesTable TR.Details
{

}
	TABLE.ManageEnginesTable TD.Actions
	{
		padding-left: 10px;
		font-size: 80%;
		xborder-top: 1px dotted #eee;
	}

	TABLE.ManageEnginesTable TD.Actions A
	{
		margin: 0px 5px;
		text-decoration: none;
		color: #777;
	}
	TABLE.ManageEnginesTable TD.Actions A:hover
	{
		text-decoration: none;
		color: #039DFB;
	}

#Contents A
{
	margin: 0px 5px;
	text-decoration: none;
	color: #777;
}
#Contents A:hover
{
	text-decoration: none;
	color: #039DFB;
}

#Contents H3
{
	font: normal 130% arial;
	color: #039DFB;

x	border-bottom: 2px solid #F6F7EC;
	width: 500px;
	padding: 3px 2px;
	margin: 15px 0px;
	margin-top: 0px;
	margin-left: -5px;
}

#Contents P
{
	clear: both;
	margin: 1em .3em;
}

	/* notice of a server side change; shown after things like deleting engines or adding engines */
	#Contents .ServerSideChange
	{
	x	border: 1px solid #E2CB64;
		background-color: #E2CB64;
		padding: .2em .5em .2em;
		margin: 1em 0em 1em;
		width: 500px;
		position: relative;
		display: block;
	}

	#Contents .ServerSideChange .Message
	{
		padding: .5em;
		color: #000;
x		margin-bottom: 20px;
		margin-right: 60px;
x		border: 1px solid red;
	}

	#Contents .ServerSideChange H4
	{
		margin: 0px;
		margin-bottom: .1em;
		padding: 2px;
		font-weight: normal;
		font-size: 110%;
		border-bottom: 1px solid #000;
		width: 150px;
	}

	#Contents .ServerSideChange A.DismissButton
	{
		background-color: #E9E7E3;
		border: 1px solid;
		border-color: #fff #ccc #ccc #fff;
		padding: 2px 20px;
		text-align: center;
		cursor: pointer;
		font: normal 80% arial;
		color: #000;
		position: absolute;
		display: block;
		margin: 0px;
		right: 5px;
		bottom: 5px;
	}
	#Contents .ServerSideChange A.DismissButton:hover
	{
		background-color: #ccc;
		color: #000;
	}

		#Contents .ServerSideChange.Neutral A.DismissButton
		{
			background-color: #B8B6B6;
			border-color: #E0D8E1 #8E7694 #8E7694 #E0D8E1;
		}

		#Contents .ServerSideChange.Neutral
		{
			background-color: #DEBBE6;
			border: 1px solid #BA70CB;
		}
		#Contents .ServerSideChange.Neutral H4
		{
			border-bottom: 1px solid #783188;
		}

		#Contents .ServerSideChange.Good
		{
			background-color: #D0E48B;
			border: 1px solid #AED138;
		}
		#Contents .ServerSideChange.Good H4
		{
			border-bottom: 1px solid #373;
		}

		#Contents .ServerSideChange.Good A.DismissButton
		{
			background-color: #E7EA85;
			border-color: #E0D8E1 #8E7694 #8E7694 #E0D8E1;
		}

		#Contents .ServerSideChange.Good A.DismissButton:hover
		{
			xbackground-color: #eee;
		}

		#Contents .ServerSideChange.Bad
		{
			background-color: #EA8C85;
			border: 1px solid #DB3A2E;
		}
		#Contents .ServerSideChange.Bad H4
		{
			border-bottom: 1px solid #972D25;
		}

#Contents .Text-Container
{
	max-width: 600px;
	font-family: arial;
	line-height: 120%;
	text-align: justify;
}

#Contents .Text-Container H2
{
	font: normal 130% arial;
	color: #039DFB;

x	border-bottom: 2px solid #F6F7EC;
	width: 500px;
	padding: 3px 2px;
	margin: 15px 0px;
	margin-top: 0px;
	margin-left: -.3em;
}

#Contents .Text-Container H3
{
	font-size: 120%;
	margin: 1em 0em .3em;
	color: #224;
	width: auto;
	margin-left: -.3em;
}

/* for code snippets */
#Contents CODE
{
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	line-height: 130%;
	padding: 3px;
	margin: .5em .2em;
	display: block;
}

/* forms */
.NiceForm
{
	line-height: 170%;
}

	.NiceForm label.LeftLabel
	{
	x	border: 1px solid red;
		width: 150px;
		float: left;
		text-align: right;
		padding-right: 20px;
	}

	.NiceForm .TextInput
	{
		border: 1px solid #ccc;
		width: 250px;
		padding: 1px 5px;
	}

	.NiceForm .TextArea
	{
		border: 1px solid #ccc;
		width: 250px;
		padding: 2px 3px;
	}

	.NiceForm input.SubmitButton
	{
		border: 2px solid;
		border-color: #eee #999 #999 #eee;
		background-color: #ddd;
		padding: 1px 10px;

		font: normal 80% arial; //tahoma;
		margin: 1em;
		margin-left: 230px;
	}

	.NiceForm input.Radio
	{
		vertical-align: middle;

	}

	.NiceForm .RadioLabel
	{
		font-size: 90%;
		font-family: arial;
		vertical-align: middle;
		padding-right: 3em;
		padding-left: .3em;
	}

	.NiceForm H5
	{
		color: #444;
		margin: 0px;
		padding: 0px;
		font-size: 80%;
	}

#QuickToolbar
{
x	border: 1px solid red;
	position: absolute;
	z-index: 100;
	top: //23px;
	left: 221px; //354px;
	
	/*top: 2px; //40px; //60px;
	left: 500px; //90px; //110px;*/
	right: 20px;

	padding: 2px 5px;
	font-size: 90%;
x	background-color: #f7f7f7;
}
#QuickToolbar .Welcome
{
	float: left;
x	border: 1px solid red;
}
#QuickToolbar .Links
{
x	float: right;
	font-size: 90%;
	position: absolute;
	top: -50px;
	left: 400px;
}
#QuickToolbar A
{
	margin: 0px 5px;
	text-decoration: none;
	color: #777;
}
#QuickToolbar A:hover
{
	text-decoration: none;
	color: #039DFB;
}