/**************************************************** 
* ******** Layout CSS for QMAssociates Portal ****	* 
* 7/12/2005 - CJ - v2.2.2. QMAssociates.com L&F		*
*													*
*									 				*	
*													*
* - PLEASE ONLY PUT Layout styles here			 	*
* - this is the default - 3 column layout			*
*													* 
*****************************************************/
@media screen 
{
	body { 
		margin: 0;
		padding: 0;
		font-family: Arial;
		font-size: small;
		text-align: center;
		color: #333;
		background: #FFFFFF;
		background: url(../../images/layout/side_gradient.gif) repeat-x;
	}
	/* ---( layout structure )---*/
	/* this is for the Welcome, Home, Logout banner on the top-right*/
	#portal_welcome
	{
		height: 58px;
		padding: 18px 5px 0px 0px;
		vertical-align: top;
		margin: 0 auto;
		text-align: right;
	}
	#wrap {
		width: 947px;
		margin: 0 auto;
		text-align: left;
		background: url(../../images/layout/tile_947_noshade.gif) repeat-y;
		}
	#content {
		margin-left: 41px; 
	}
	/* these div hold the content containters and
	can be used for changing a column background color */
	#LeftPaneContainer {
		float: left;
		padding: 0;
		margin: 0 auto;
		display:none;
		
	}
	#ContentPaneContainer {
		float: left;
		padding: 0;
		margin: 0 auto;
	}
	#RightPaneContainer {
		float: left;
		padding: 0;
		margin: 0 auto;
		/*background-color: #e4ebf2;*/
		background: url(../../images/layout/side_gradient_blue.gif) repeat-x;
	}
	#FooterPaneContainer
	{
		float: left;
		margin: 0;
		padding: 0;
		margin: 0 auto;
	}
	/* these divs actually hold the content */
	#LeftPane {
		float: left;
		width: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0;
		display:none;

	}
	#ContentPane { 
		float: left;
		width: 625px;
		margin: 5px 10px 5px 5px;
		padding: 0;
	}
	#RightPane {
		float: left;
		width: 188px;
		margin: 5px 5px 5px 5px;
		padding: 0;
		
	}
	#FooterPane {
		float: left;
		width: 745px;
		margin: 5px 5px 5px 5px;
		padding: 0;
	}

	#HeaderPaneContainer
	{
		float: left;
		margin: 0 0 0 0;
		padding: 0;
		margin: 0 auto;
	}
	#HeaderPane {
		float: left;
		width: 1px;
		height: 1px;
		margin: 0;
		padding: 0;
	}
	/* footer-specific divs*/
	.clear { /* to fix IE6 padding-top issue */
		clear: both;
		height: 0;
	}
	#FooterGraphic {
		margin: 0 auto;
		padding: 0 0 0px 0;
		color: #ddd;
		background: url(../../images/layout/bottom_sill_947_noshade.gif) no-repeat bottom left;
	}
	/* ---( header and site name )--- */
	#portal-header 
	{
		margin-left: 41px; /* to avoid the BMH */
		margin-right: 41px;
		text-align: left;
		padding: 0;
		background-color: #003366;
	}
	/* table cell for banner */
	.HeadBg {
		width: 865px;
	}
	.SubSubHeadBg {
		BACKGROUND-COLOR: #336699;
	}

	/* table cell behind the banner menu */
	.SubHeadBg {
		BACKGROUND-COLOR: #000000;
	}
	/* ================================
	begin general IBuySpy styles
	*/   
	UL LI   {
		list-style-type:    square ;
		padding: 0px;
	}
	 
	UL LI LI    { 
		list-style-type:    disc;
	}

	UL LI LI LI {
		list-style-type:    square;
	}

	OL LI   {
		list-style-type:    decimal;
	}

	OL OL LI    {
		list-style-type:    lower-alpha;
	}

	OL OL OL LI {
		list-style-type:    lower-roman;
	}

	HR {
		color: dimgrey;
		height:1pt;
		text-align:left
	}
	/* used for rounding menus??*/
	.roundcont {
		width: 250px;
		background-color: #E6EFF8;
		color: #E6EFF8;
	}

	.roundcont p {
		margin: 0 5px;
	}

	.roundtop {  
		background: url(../../images/layout/tr.gif) no-repeat top right; 
	}

	.roundbottom {
		background: url(../../images/layout/br.gif) no-repeat top right; 
	}
	img.middle {
		vertical-align: middle;
	}
	img.corner {
	width: 19px; 
	height: 19px;
	border: none;
	display: block !important;
	}
	/*misc reformatting help*/
	iframe.auto {height:expression(frames("content").document.body.scrollHeight);} 
	div.autosize { display: table; width: 1px; }
	div.autosize > div { display: table-cell; }

	#PrintThisPage
		{
			background: none;
			position : absolute;
			width: 857px;
			float: left;
			margin: 0px 5px 5px 5px;
			text-align: right;
		}
}

@media print 
{
	
	#ContentPane { 
		float: left;
		width: 600px;
		margin: 0px;
		padding: 0;
	}
	
}