@import url("/Common/popstd.css");

/*Begin AJAX Control Toolkit Tab Extender customizations:
	.ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. 
	.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. 
	.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. 
	.ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none. 
	.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. 
	.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. 
	.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. 
	
	Define the styles as .AjaxTab .ajax__tab_header {}  .AjaxTab .ajax_tab_outer { } etc...
*/

.AjaxTab .ajax__tab_tab { font-size: xx-large; }


/*End tab customizations*/


/*Begin thickbox style overrides*/
#TB_title
{
	background: url(/Images/ThckBox_HdBkgrnd_Inside.gif) repeat;
	height:34px;
	font-weight: bold;
}
.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack_Inside.png) repeat;}
.TB_overlayBG 
{
	background-color: #23392c;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}
/*End thickbox style overrides*/

body
{
   margin: 0;
   padding: 0;
   color: #000;
   background-color: #00356d;
}


/* === TopBackgrnd creates white background in mid-section and top repeating background === */
#wideBckgrnd
{
   width: 100%;
   background: #386ea6 url('/Images/pophome_TopBckgrnd.jpg') repeat-x;
}


/*adds bottom fade and background color*/
#bottom
{
   background: #00376d url('/Images/pophome_BtmBckgrnd.jpg') repeat-x;
   width: 100%;
   height: 242px;
   margin: 0;
   padding: 0;
}


/* === Shadow for left and right side of content === */
.shadowCellLeft
{
   background-image: url("/images/pophome_ShdwLft.gif");
   background-repeat: repeat-y;
   width: 2px;
}
.shadowCellRight
{
   background-image: url("/images/pophome_ShdwRght.gif");
   background-repeat: repeat-y;
   width: 2px;
}


/* === Bottom shadow for content === */
.shadowCellLeftBottomCorner
{
   background-image: url("/images/pophome_ShdwBtmCrnrLft.gif");
	background-repeat: no-repeat;
	width: 2px;
}
.shadowCellBottom
{
   background-image: url("/images/pophome_BtmShdw.gif");
	background-repeat: repeat-x;
	height: 2px;
}
.shadowCellRightBottomCorner
{
   background-image: url("/images/pophome_ShdwBtmCrnrRght.gif");
	background-repeat: no-repeat;
	width: 2px;
}



.dataTable 
{ 
   background-color: #ddd; 
	border-collapse: collapse; 
}

.dataRow { vertical-align: middle; }

.dataCell 
{ 
   font-size: x-small; 
	vertical-align: top; 
	color: #000; 
	font-family: Verdana; 
	background-color: #fff; 
	padding: 4px; 
}


td.header.dataHeader
{ 
   font-weight: bold; 
	font-size: x-small; 
	color: #ffffff; 
	font-family: Verdana; 
	background-color: #53896a;
	text-align: left; 
	height: 22px; 
	vertical-align: middle; 
	cursor: pointer; 
	padding: 4px; 
	text-decoration: none; 
	line-height: 22px;
}

.dataTable .sortind 
{ 
   font-size: medium; 
	vertical-align: bottom; 
	color: #fff; 
}

.dataTable a { font-size: x-small; }

.sorttable_sorted, 
.sorttable_sorted_reverse, 
#sortind  { vertical-align: bottom; color: #fff; }