@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...
*/


/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* Inactive Tab */
.AjaxTab .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(/images/tabs/tab-line.gif) repeat-x bottom;}
.AjaxTab .ajax__tab_outer {background:url(/images/tabs/tab-right.gif) no-repeat right;height:29px;}
.AjaxTab .ajax__tab_inner {padding-left:3px;background:url(/images/tabs/tab-left.gif) no-repeat;height:29px;}
.AjaxTab .ajax__tab_tab {height:29px;padding:9px;margin:0;background:url(/images/tabs/tab.gif) repeat-x;font-family:verdana,tahoma,helvetica;font-size:8pt;color:#ffffff;font-weight:bold;}

/* Hover Tab*/
.AjaxTab .ajax__tab_hover .ajax__tab_outer {background:url(/images/tabs/tab-hover-right.gif) no-repeat right;}
.AjaxTab .ajax__tab_hover .ajax__tab_inner {background:url(/images/tabs/tab-hover-left.gif) no-repeat;}
.AjaxTab .ajax__tab_hover .ajax__tab_tab {background:url(/images/tabs/tab-hover.gif) repeat-x;}

/* Active  Tab*/
.AjaxTab .ajax__tab_active .ajax__tab_outer {background:url(/images/tabs/tab-active-right.gif) no-repeat right;}
.AjaxTab .ajax__tab_active .ajax__tab_inner {background:url(/images/tabs/tab-active-left.gif) no-repeat;}
.AjaxTab .ajax__tab_active .ajax__tab_tab {background:url(/images/tabs/tab-active.gif) repeat-x;font-family:verdana,tahoma,helvetica;font-size:8pt;color:#1e5b8a;font-weight:bold;}
.AjaxTab .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}


body
{
   margin: 0;
   padding: 0;
   color: #000;
   background-color: #64a9d8;
}


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


/*adds bottom fade and background color*/
#bottom
{
   background: #006ea1 url('/Images/PDXhome_BtmBckgrnd.jpg') repeat-x;
   width: 100%;
   height: 340px;
   margin: 0;
   padding: 0;
}

.shadowCellLeft
{
   background-image: url("/images/PDXhome_ShdwLft.gif");
   background-repeat: repeat-y;
   width: 2px;
}

.shadowCellRight
{
   background-image: url("/images/PDXhome_ShdwRght.gif");
   background-repeat: repeat-y;
   width: 2px;
}


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