/*-------------------------------------------------------------------------------------------
	
	CSS FOR DISPLAYING ON MONITOR

-------------------------------------------------------------------------------------------*/	

@media screen
{	/* DISPLAY CSS - START */	

/* General Definitions
---------------------------------------------------------------------------------*/
body					{	margin:0;
							background-color:#bac7e1;
							text-align:center;
							font:12px Arial, Verdana, Arial, san-serif;
						}
					
/*
---------------------------------------------------------------------*/	
#mainContainer					{	margin-left:auto;
									margin-right:auto;
									text-align:left;
									width:796px;
								}

#whiteAreaContainer				{	width:inherit;
									background-color:white;
								}
#whiteAreaContainer div.margin	{	margin:0 0 0 7px;
									padding:0 0 7px 0;
								}

/*
---------------------------------------------------------------------*/	
#headerContainer				{	width:787px;
									height:67px;
								}
								
#logoArea						{	float:left;
									width:207px;
									height:43px;
								}
								
#logoArea img					{	border:0;
									margin:4px 0 0 10px;
								}
							
#menuArea						{	float:left;
									height:43px;
									width:580px;
									font-size:11px;
								}
								
#menuArea img					{	border:0px;
								}								

#playNowSpace					{	float:left;
									width:71px;
									height:42px;
								}
								
#playNowSpace img				{	margin-top:7px;
								}	
																
#utilityLinksArea				{	width:500px;
									height:16px;
									background-image:url(../../images/background_tabShadow.gif);
									background-repeat:no-repeat;
									text-align:right;
								}
								
								
#utilityLinks					{	float:right;margin-right:8px;font:10px Verdana;}
#utilityLinks a					{	margin:0 6px 0 6px;}


#logoutLink						{	float:right;}


#utilityLinksArea a				{	color:#008436;}

#utilityTabSpace				{	float:left;
									width:509px;
								}



/*
---------------------------------------------------------------------*/	
								
#titleBarArea					{	width:778px;
									height:24px;
									background-color:#969696;
									color:White;
								}

#titleBarArea h1				{	margin:0 0 0 8px;
									padding:0 0 0 0;
									font-size:18px;
									font-weight:bold;
									font-family: "Trebuchet MS",Arial;
									color:White;
								}
								
#titleBarArea .pageTitle		{	float:left;
									width:400px;
								}


#titleBarArea .pageTitleControl	{	float:left;
									font-size:11px;
									text-align:right;
									margin-top:4px;
									width:360px;
									font-family:Verdana,san Serif;
								}
								
#titleBarArea a					{	color:white;
								}

							
								

/*
---------------------------------------------------------------------*/	

	/* Page Titles - Blue Bar Area Under the Menu
	-------------------------------------------------*/		
	#PageTitleBlueBar			{	width:778px;
									height:24px;
									line-height:24px;
									background-color:#0058ad;
									color:white;
									font-family:Verdana;
									font-size:11px;
									margin:1px 0 1px 0;
									display:block;
								}

	#PageTitleBlueBar a			{	color:white;}
	
	#PageTitleBlueBar form		{	margin:0;
								}
								
	#PageTitleBlueBar span		{	margin:0 10px 0 10px;
									font:9px Arial;
								}
								
	#PageTitleBlueBar select	{	font:9px Arial;
									background-color:#BBD7F3;
								}
								
								
	/* Page Titles - Information Bar
	-------------------------------------------------*/								
	#PageTitleInfoBar			{	width:778px;
									height:24px;
									line-height:24px;
									background-color:#2C74D8;
									color:white;
									display:block;
								}
								
	#PageTitleInfoBar form		{	margin:0;
								}
								
	#PageTitleInfoBar span		{	margin:0 10px 0 10px;
									font:9px Arial;
								}
								
	#PageTitleInfoBar select	{	font:9px Arial;
									background-color:#BBD7F3;
								}
								
	#PageTitleInfoBar input		{	font:9px Arial;
								}
								


/*
---------------------------------------------------------------------*/	
#contentContainer				{	min-height:200px;
									width:778px;
								}

#contentContainer div.margin	{	margin:20px 0 0 10px;

								}
				
/*
---------------------------------------------------------------------*/	
#footerContainer					{	margin:5px 0 20px 0;
										color:#0233a9;
										font-size:11px;
									}
						
#footerContainer a					{	margin:0 7px 0 7px;
										color:#0233a9;
										float:left;
									}

						
#footerContainer div.textLinkDiv	{	float:left;
										width:10px;
										text-align:center;
										margin:0 0 0 0;
									}
							
#footerContainer div.bottomLinks	{	display:block;

									}
									
									
/*
---------------------------------------------------------------------*/										
#Login_lblError					{	color:red;margin:10px 0 0 0;display:block;line-height:1;}



#DisclaimerContainer span		{	display:block;
									margin:0;
									padding-top:10px;
									font:9px Arial;
								}


}	/* DISPLAY CSS - END */






/*-------------------------------------------------------------------------------------------
	
	CSS FOR PRINTING WEB PAGE

--------------------------------------------------------------------------------------------*/	

@media print
{	/* PRINT CSS - START */	

#headerContainer		{visibility:hidden;}
#footerContainer	{visibility:hidden;}

}	/* PRINT CSS - END */