﻿@media screen, projection
{
	/* exploit a parsing bug so @media rules are visible to MacIE5 */	.BeNiceToMacIE5
	{
		font-family: "\"}\"";
		font-family: inherit;
	}
	html, body
	{
		width: 100%;
		font-family: Arial;
		font-size: .98em;
		padding: 0px;
		margin: 0px;
		background-color: #efefef;
		color: #333;
	}
	.wrapper
	{
		margin: 1% 5% 0%;
		padding: 0;
		min-height: 400px;
		min-width: 850px;
	}
	#header
	{
		padding: 0px;
		margin: 0px;
		background-image: url(../images/header-bg.gif);
		background-repeat: repeat-y;
		background-position: -99px 0px;
		background-color: #336699;
		width: 100%;
		clear: both;
		text-align: left;
	}
	.default #header
	{
		background-position: 180px 0px;
	}
	#header h1
	{
		font-size: 0;
		background-image: url(../images/logo_not3D.png);
		height: 70px;
		background-repeat: no-repeat;
		background-position: 1px 10px;
		color: White;
	}
	h1
	{
		margin: 0;
		text-align: left;
	}
	h2
	{
		margin: .2em 0;
	}
	.main
	{
		clear: both;
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: Transparent;
	}
	.content, .datacontent, .shopcontent
	{
		width: 74%;
		float: right;
		margin: 0;
		padding: 1% 2%;
		min-width: 640px;
	}
	.sidebar, .datasidebar, .shopsidebar
	{
		margin: 0px 80% 0px 0px;
	}
	.sidebar .box, .datasidebar .box, .shopsidebar .box
	{
		margin-bottom: 1em;
		padding: .5em;
	}
	.sidebar select, .sidebar input
	{
		margin: 3px;
		height: auto;
		width: 130px;
	}
	/*Hidden from IE 6*/
	html > body .sidebar select, .sidebar input
	{
		width: 96%;
	}
	.sidebar .messagesummary, .datasidebar .messagesummary, .shopsidebar .messagesummary
	{
		text-align: left;
		list-style: none;
		padding: 0px 0px 0px 5px;
		margin: 0px;
	}
	.sidebar ul
	{
		list-style: none;
		margin: 0px;
		padding: 0px;
		width: inherit;
	}
	.box
	{
		border: solid 1px #ccc;
		background-color: #fff;
	}
	.box h3
	{
		padding: .1em;
		margin: 0px;
	}

	.clear
	{
		clear: both;
		height: 1px;
		overflow: hidden; /* prevent IE expanding the container */
		margin: 0; /* keep flush with surrounding blocks */
	}
	#footer
	{
		margin: auto; /* flush with .main */
		padding: 1% 2%;
		text-align: center;
	}
	#mainHeader_Panel1
	{
		width: 90%;
		margin: auto;
		background-image: url(../images/wavycomputer.gif);
		background-repeat: no-repeat;
		background-position: right top;
		height: 100px;
	}
	#mainHeader_Panel2
	{
		width: 90%;
		margin: auto;
		background-image: url(../images/wavycomputer.gif);
		background-repeat: no-repeat;
		background-position: 100% -100px;
		height: 26px;
	}
	#nav
	{
		font-size: 97%;
		display: block;
		overflow: visible;
		padding: 0px;
		margin: 0;
	}
	#nav li
	{
		list-style: none; /*  display: inline; */
		float: left;
		padding: .3em 1em;
		margin: 0px .2em 0px .2em;
		background-image: url(../images/tab-bg.png);
		background-position: right top;
		background-repeat: no-repeat;
	}
	#nav li.selected
	{
		background-image: url(../images/tab-bg-s.png);
	}
	#nav li a
	{
		color: White;
		text-decoration: none;
	}
	#nav, #nav ul
	{
		padding: 0;
		margin: 0;
		list-style: none;
		height: 20px;
	}

	#nav li ul
	{
		position: absolute;
		left: -999em;
		background-color: White;
		border: solid 1px #999;
		width: 10em;
		padding: 0em;
		height: auto;
		margin-left: -1em;
	}
	#nav li ul li
	{
		background-color: #e6e6e6;
		background-image: none;
		color: #2a2b5f;
		padding: 0em;
		width: 10em;
		margin: .1em 0em 0em 0em;
	}

	#nav li ul li a
	{
		background-color: #e6e6e6;
		background-image: none;
		color: #2a2b5f;
		padding: .2em 0em .2em .6em;
		width: 9.4em;
		margin: 0em;
		display: block;
	}
	#nav li:hover, #nav li.sfhover
	{
		background-image: url(../images/tab-bg-s.png);
	}

	#nav li:hover ul, #nav li.sfhover ul
	{
		left: auto;
		background-position: 0 0;
		background-image: none;
	}
	#nav li:hover ul li ul, #nav li.sfhover ul li ul
	{
		left: -999em;
		background-position: 0 0;
		background-image: none;
	}
	#nav li ul li:hover, #nav li ul li.sfhover, #nav li ul li a:hover
	{
		background-color: #2a2b5f;
		color: White;
		background-image: none;
	}

	#nav li ul li ul
	{
		position: absolute;
		left: -999em;
		background-color: White;
		border: solid 1px #999;
		width: 10em;
		padding: 0em;
		height: auto;
		margin-left: -1em;
	}
	#nav li ul li ul li
	{
		background-color: #e6e6e6;
		background-image: none;
		color: #2a2b5f;
		padding: 0em;
		width: 10em;
		margin: .1em 0em 0em 0em;
	}

	#nav li ul li ul li a
	{
		background-color: #e6e6e6;
		background-image: none;
		color: #2a2b5f;
		padding: .2em 0em .2em .6em;
		width: 9.4em;
		margin: 0em;
		display: block;
	}
	#nav li ul li:hover, #nav li ul li.sfhover
	{
		background-image: url(../images/tab-bg-s.png);
	}

	#nav li ul li:hover ul, #nav li ul li.sfhover ul
	{
		left: 11em;
		top: -.25em;
		background-position: 0 0;
		background-image: none;
	}
	#nav li ul li ul li:hover, #nav li ul li ul li.sfhover, #nav li ul li ul li a:hover
	{
		background-color: #2a2b5f;
		color: White;
		background-image: none;
	}

	#breadcrumb
	{
		padding: 1px 2%;
		width: 65%;
		background-color: White;
		clear: both;
		margin: 0;
		text-align: left;
		height: 26px;
		border-bottom: solid 2px #33c;
	}
	.ctl_subbutton_mid_left
	{
		background-image: url(../images/backgrounds/button.png);
		height: 24px;
		padding: 0px;
		margin: 3px;
		background-repeat: no-repeat;
	}
	.ctl_subbutton_mid_cent
	{
		display: block;
		background-color: White;
		margin-left: 10px;
		background-image: url(../images/backgrounds/button.png);
		background-position: right top;
		background-repeat: no-repeat;
		height: 24px;
		padding-top: 3px;
	}
	.ctl_subbutton_mid_cent a
	{
		display: block;
		margin-left: -10px;
		text-align: center;
		color: White;
		text-decoration: none;
		font-weight: bold;
	}
	#cboaction
	{
		display: none;
	}
	.hidden
	{
		display: none;
	}
	#blankoutbg, #blankOut
	{
		position: absolute;
		top: -2000px;
		left: 0px;
		width: 10;
		height: 10;
		background: transparent url(../images/backgrounds/blankoutbg.png);
	}

	#StatusMessage
	{
		border: 2px solid #ccc;
		position: absolute;
		top: 250px;
		left: 50%;
		width: 400px;
		height: auto;
		background-color: white;
		margin-left: -200px;
		margin-top: -200px;
		font-size: 165%;
	}
	/*DataCallFlow*/
	#navigation, #log_navigation /*sidebar box*/
	{
		font-size: 97%;
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	.nbl /* Nav Button*/
	{
		margin: 5px auto 5px auto;
		background-image: url(../images/backgrounds/button.png);
		padding: 0px 0px 0px 5px;
		background-position: left top;
		background-repeat: no-repeat;
		height: 23px;
		width: 91%;
		list-style: none;
	}
	.nbr /* Nav Button*/
	{
		background-color: White;
		background-image: url(../images/backgrounds/button.png);
		padding: 2px 0px 0px 3px;
		background-position: right top;
		background-repeat: no-repeat;
		height: 23px;
		text-align: center;
		display: block;
		font-weight: 700;
		width: 100%;
		color: White;
		text-decoration: none;
		overflow: hidden;
	}
	#txtOutput span.heading
	{
		width: 660px;
		display: block;
		color: #3333cc;
		margin-bottom: 10px;
		font-size: x-large;
	}
	#txtOutput table
	{
		clear: both;
	}
	#txtOutput table .date input
	{
		width: auto;
	}
	#txtOutput .Red
	{
		color: Red;
	}
	#txtOutput table .integer, #txtOutput table .text, #txtOutput table .date, #txtOutput table .select, #txtOutput table .time, #txtOutput table .label
	{
		width: auto;
	}
	#txtOutput .date, #txtOutput .time, #txtOutput .select, #txtOutput .integer, #txtOutput .text, #txtOutput .label, #txtOutput .inputTable, #txtOutput .savebuttons
	{
		width: 660px;
		min-height: 25px;
		clear: left;
	}
	#txtOutput .dateLabel, #txtOutput .timeLabel, #txtOutput .selectLabel, #txtOutput .intLabel, #txtOutput .txtLabel
	{
		display: block;
		float: left;
		width: 200px;
	}
	#txtOutput table div.dateLabel, #txtOutput table div.timeLabel, #txtOutput table div.selectLabel, #txtOutput table div.intLabel, #txtOutput table div.txtLabel
	{
		width: 150px;
	}
	#txtOutput table td
	{
		width: auto;
	}
	#txtOutput .intValue, #txtOutput txtValue, #txtOutput .timeValue
	{
		width: 192px;
	}
	#txtOutput .selectValue
	{
		width: 200px;
	}
	#txtOutput .dateValue
	{
		width: 172px;
	}
	#txtOutput .savebuttons input
	{
		margin: 10px 100px 0px 100px;
	}
	#txtOutput .report
	{
		clear: both;
	}
	#txtOutput .indent1
	{
		margin-left: 50px;
		width: 610px;
	}
	#txtOutput .indent1 span
	{
		margin-left: 0px;
		width: 150px;
	}
	#txtOutput .indent2
	{
		margin-left: 100px;
		width: 660px;
	}
	#txtOutput .indent2 span
	{
		margin-left: 0px;
		width: 100px;
	}
	#txtOutput .indent3
	{
		margin-left: 150px;
		width: 510px;
	}
	#txtOutput .indent3 span
	{
		margin-left: 0px;
		width: 50px;
	}
	#txtOutput table.indent0
	{
		margin-left: 0px;
		width: auto;
		height: auto;
	}
	#txtOutput table.indent1, table.indent2, table.indent3
	{
		width: auto;
		height: auto;
	}
	#txtOutput .error
	{
		padding: 20px;
		color: red;
		width: 80%;
		text-align: center;
		border: dotted 1px red;
		clear: left;
	}
	#txtOutput .divider
	{
		border-top: 1px solid #ccc;
		margin-top: 10px;
		padding-top: 5px;
	}
	#txtOutput .NextToPrev
	{
		width: auto;
		display: inline-block;
		float: left;
		padding-left: 5px;
		clear: none;
	}
	#txtOutput .NextNodesInline
	{
		width: auto;
		display: block;
		clear: both;
		float: left;
		min-width: 300px;
	}

	/*End DataCallFlow */

	.ajaxdiv
	{
		padding: 5px;
		border: solid 1px #ccc;
	}
	.Black
	{
		color: #000;
	}

	.Blue
	{
		color: #3333cc;
	}

	.Red
	{
		color: #f00;
	}

	.Green
	{
		color: #33cc00;
	}

	.LightGreen
	{
		color: #ccffcc;
	}

	.LightBlue
	{
		color: #3399ff;
	}

	.Yellow
	{
		color: #ffff00;
	}

	.Purple
	{
		color: #660066;
	}

}

/* end media rules */
