﻿/*  ///  CSS DEFAULT RESET  ///  */

table
{
	border-collapse: separate;
	border-spacing: 0;
}

body
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
} 

/*  ///  BASE TEMPLATE STRUCTURE  ///  */

body
{
	background-repeat: repeat;
}

#page-header,
#page-header-sub
{
	width: 980px;	
	padding: 0 5px;
	margin: 0 auto;
	position: relative;
	background-position: left top;
	background-repeat: no-repeat;	
}

#page-header ul,
#page-header-sub ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#page-header
{
	height: 133px;
}

#page-header-sub
{
	height: 159px;
}

#page-header-banner
{
	width: 980px;
	height: 100px;
	position: relative;
	background-position: left top;
	background-repeat: no-repeat;
}

#page-header-banner-content
{
	width: 650px;
	height: 70px;
	position: absolute;
	top: 30px;
	right: 0;
}

#page-body
{
	width: 990px;
	margin: 0 auto;
}

#page-footer
{
    clear: both;
	background-repeat: no-repeat;
	background-position: left top;
	height: 97px;
}

#page-footer ul,
#page-footer ol
{
    list-style: none;
}

#page-status
{
	width: 980px;
	height: 15px; /* REMOVE, HEIGHT DETERMINED BY CONTENT */
	padding: 0 5px;
	margin: 0 auto;	
	display: none;
}

/*  ///  HEADER NAVIGATION  ///  */

#page-header-nav
{
	width: 980px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 10px;
}

#page-header-nav-sub
{
	width: 960px;
	height: 26px;
	padding: 0 10px;
	background-repeat: no-repeat;
	background-position: left top;	
}

#page-header-nav ul li,
#page-header-nav-sub ul li
{
	float: left;	
}

#page-header-nav ul li a
{
	line-height: 27px;
	text-transform: uppercase;
	text-align:center;
	height: 27px;
	display: block;
	padding: 3px 22px 0 20px;
	text-decoration: none;	
	background-repeat: no-repeat;
	background-position: right top;
	white-space: nowrap;	
}

#page-header-nav-sub ul li a
{
	line-height: 26px;
	text-align:center;
	height: 26px;
	display: block;
	padding: 0px 22px 0 20px;
	text-decoration: none;	
	background-repeat: no-repeat;
	background-position: right top;
	white-space: nowrap;	
}

#page-header-nav-sub ul li a:hover
{
	text-decoration: underline;
}


* html #page-header-nav ul li a,
* html #page-header-nav-sub ul li a /* IE6 ONLY */
{
	width: 1px;
}


#page-header-nav ul li a:hover
{
	color: #000;
	background-position: right bottom;
}

#page-header-nav-sub ul li.first
{
	font-weight: bold;
}

/*  ///  FOOTER MENU  ///  */

#page-footer-menu
{
	width: 980px;
	height: 82px;
	padding: 20px 5px 0 5px;
	margin: 0 auto;
}

#page-footer-logo
{
	border-left-width: 0 !important;
}

#page-footer-logo div
{
	background-repeat: no-repeat;
}

#page-footer-menu table
{
	width: 100%;
}

#page-footer-menu td
{
	line-height: 1.4em;
	border-width: 0 0 0 1px;
	border-style: solid;
	padding: 0 0 0 20px;
	font-size: 10px;
}

#page-footer-menu td ul li a
{
	text-decoration: none;
}

#page-footer-menu td ul li a:hover
{
	text-decoration: underline;
}

#page-footer-menu td ul li.first
{
	font-weight: bold;
}

/*  ///  FOOTER BREADCRUMBS  ///  */

#page-footer-breadcrumbs
{
	width: 980px;
	height: 14px;
	padding: 1px 5px 0 5px;
	margin: 0 auto;
	font-size: 10px;
}

#page-footer-breadcrumbs a
{
	text-decoration: none;
}

#page-footer-breadcrumbs ul li
{
	display: inline;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 10px 4px;
}

#page-footer-breadcrumbs ul li.first
{
	padding-left: 0;
	background-image: none;
}

/*  ///  HEADER BANNER TOP MENU  ///  */

#page-header-banner-menu
{
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	padding: 7px 2px 0 0;
}

#page-header-banner-menu ul li
{
	float: left;
	display: block;
	padding: 0 11px 0 10px;
	background: url(/Common/Images/verticalbar_white.gif) no-repeat left 2px;
}

#page-header-banner-menu ul li.first
{
	font-weight: bold;
	background-image: none;		
}

#page-header-banner-menu a
{
	color: #fff;
	text-decoration: none;
	height: 15px;
	display: block;
	white-space: nowrap;	
}


#page-header-banner-menu ul li a.dropdown
{
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 18px;
}

#page-header-banner-menu ul li a.dropdown:hover
{
	background-position: right bottom;
}

* html #page-header-banner-menu ul li a /* IE6 ONLY */
{
	width: 1px;
}

/* STANDARD GRID DISPLAY */

div.toolbar
{
    background: #fff url(/Common/Images/Templates/grid_header_background.gif) repeat-x bottom left;
    height: 40px;
    border-bottom: solid 1px #ccc;
}

.toolbar .toolbar-title
{
    float: left;
    height: 29px;
    padding: 11px 0 0 5px;
    font-family: Arial;
    font-size: 14px;
    overflow: hidden;
}

.toolbar li.toolbar-divider
{
    float: left;
    border-left: solid 1px #eee; 
    border-right: solid 1px #fff; 
    width: 0px; 
    height: 40px; 
    margin: 0 2px;
}

.toolbar ul.toolbar-icons
{
    float: right; 
    height: 40px; 
    padding: 0px 10px 0px 0px;
    margin: 0px;
    list-style-type: none;
}

.toolbar ul.toolbar-icons li a /* IE6 ONLY */
{
    white-space: nowrap;
	width: 1px;
}

div.minitoolbar
{
    background: #fff url(../Images/Template/grid_header_background.gif) repeat-x bottom left;
    height: 30px;
    border-bottom: solid 1px #ccc;
}

div.microtoolbar
{
    background: #fff url(../Images/Template/grid_header_background.gif) repeat-x bottom left;
    height: 20px;
    border-bottom: solid 1px #ccc;
}

div.tabbedtoolbar
{
    background: #fff url(../Images/Template/grid_header_background.gif) repeat-x bottom left;
    height: 20px;
    border-bottom: solid 1px #ccc;
}

.rowhover:hover
{
  background-color: #f2f2f2;
}

.grid_std,
.grid_std_blue
{
    border-style: none;
    border-width: 0px;
    table-layout: fixed;    
}

.grid_std TH
{
    background: #fff url(../Images/Template/grid_header_background.gif) repeat-x bottom left;
    height: 20px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #000 #eee #ccc #000;    
}

.grid_std TH A
{
    color: #369;
    text-decoration: none;
}

.grid_std TD,
.grid_std_blue TD
{
    border-bottom: solid 1px #eee;
    padding: 3px 6px;
}

.grid_std .highlight TD,
.grid_std_blue .highlight TD
{
    border: solid 1px #ccc;
    border-bottom-color: #ccc;
    background-color: #ccc;
}

.grid_std_blue TH
{
    background: #fff url(../Images/Template/grid_header_background_blue.gif) repeat-x bottom left;
    height: 15px;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #e2e2f2;
    font-size: 10px;
    color: #369;  
    padding: 0 6px;
}

.grid_std_blue TH A
{
    color: #369;
    text-decoration: none;
}

A.btn
{
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;    
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: left center;
}

A.btn_edit
{
    background-image: url(../Images/Icons/16/form_yellow.gif);
}

A.btn_image
{
    background-image: url(../Images/Icons/16/photo_portrait.gif);
}

A.btn_merge
{
    background-image: url(../Images/Icons/16/transform.gif);
}

A.btn_link
{
    background-image: url(../Images/Icons/16/earth_arrow.gif);
}

A.btn_go
{
    background-image: url(../Images/Icons/16/nav_right_green.gif);
}

A.btn_group
{
    background-image: url(../Images/Icons/16/elements_selection.gif);
}

/* GLOBAL BANNER DISPLAY */

.topbanner
{
    padding: 5px 13px 5px 13px;
    width: 960px;
    height: 90px;  
    clear: both;
}

.topbanner .ad
{
    float: left;
    width: 728px;
    height: 90px;
}

.topbanner .specials
{
    margin-left: 10px;
    width: 222px;
    height: 90px;
    float: right;
}


/* BUTTONS */

li.btn_16,
li.btn_24
{
    display: block;
    float: left;
}

li.btn_16
{
    height: 16px;
    margin: 0 8px 0 3px;
    font-size: 10px;
}

li.btn_24
{
    height: 24px;
    margin: 8px 10px 8px 5px;    
}

li.btn_16 a,
li.btn_24 a
{
    display: block;
    overflow: hidden;
    text-decoration: none;
    color: #000;
    white-space: nowrap;	
}

li.btn_16 a
{	
    height: 16px;
    padding: 1px 0 0 20px;
}

li.btn_24 a
{
    height: 24px;
    padding: 6px 0 0 28px;
}

li.btn_16 a:hover,
li.btn_24 a:hover
{
    background-image: none;
    text-decoration: underline;
}

li.btn_16 a.notext:hover,
li.btn_24 a.notext:hover
{
    text-decoration: none;
}

/*  CURVED CORNER BOX */

.cc_top
{
    height: 2px; 
    border: solid 1px #fff; 
    border-width: 0 1px;
    overflow: hidden;
}

.cc_top div,
.cc_bottom div
{
    height: 1px; 
    border: solid 1px #fff; 
    border-width: 0 1px;
    overflow: hidden;
}

.cc_bottom
{
    height: 1px; 
    border: solid 1px #fff; 
    border-width: 0 1px; 
    padding-top: 1px;
    overflow: hidden;    
}

/* TABS */

.headertabs .ajax__tab_header {font-family:verdana,tahoma,helvetica; font-size:11px; background:url(/Images/Template/tab_line.gif) repeat-x bottom;}
.headertabs .ajax__tab_outer {background:url(/Images/Template/tab_right.gif) no-repeat right; height:21px;}
.headertabs .ajax__tab_inner {padding-left:3px; background:url(/Images/Template/tab_left.gif) no-repeat;}
.headertabs .ajax__tab_tab {height:13px; padding:6px 8px 2px 8px; margin:0; background:url(/Images/Template/tab.gif) repeat-x;}
.headertabs .ajax__tab_hover .ajax__tab_outer {background:url(/Images/Template/tab_hover_right.gif) no-repeat right;}
.headertabs .ajax__tab_hover .ajax__tab_inner {background:url(/Images/Template/tab_hover_left.gif) no-repeat;}
.headertabs .ajax__tab_hover .ajax__tab_tab {background:url(/Images/Template/tab_hover.gif) repeat-x;}
.headertabs .ajax__tab_active .ajax__tab_outer {background:url(/Images/Template/tab_active_right.gif) no-repeat right;}
.headertabs .ajax__tab_active .ajax__tab_inner {background:url(/Images/Template/tab_active_left.gif) no-repeat;}
.headertabs .ajax__tab_active .ajax__tab_tab {padding:5px 8px 3px 8px; background:url(/Images/Template/tab_active.gif) repeat-x;}
.headertabs .ajax__tab_body {font-family:verdana,tahoma,helvetica; font-size:10pt; padding:5px 10px 10px 5px;}

/* MISC */

.groove_outer
{
    border-style: solid; 
    border-width: 1px; 
    border-color: #ccc #fff #fff #ccc;    
}

.groove_inner
{
    border-style: solid; 
    border-width: 1px; 
    border-color: #fff #ccc #ccc #fff;
}
 .page_note
 {
    font-family: Verdana;
    font-size: 11px;
    color: #666;
    padding: 7px 10px; 
    background-color: #e8e8e8;
 }
 
.stretch
{
    clear: both; 
    width: 1px; 
    height: 1px; 
    overflow: hidden;
}

.padded
{
    padding: 7px 10px 10px 10px;
}

li.btn_16_index
{   
    background: transparent url(/Images/Icons/16/index.over.gif) no-repeat top left;
}

li.btn_16_index a
{
    background: transparent url(/Images/Icons/16/index.gif) no-repeat top left;
}

li.btn_16_reset
{   
    background: transparent url(/Images/Icons/16/undo.over.gif) no-repeat top left;
}

li.btn_16_reset a
{
    background: transparent url(/Images/Icons/16/undo.gif) no-repeat top left;
}

li.btn_16_help
{   
    background: transparent url(/Images/Icons/16/help.over.gif) no-repeat top left;
}

li.btn_16_help a
{
    background: transparent url(/Images/Icons/16/help.gif) no-repeat top left;
}

li.btn_16_search
{   
    background: transparent url(/Images/Icons/16/find.over.gif) no-repeat top left;
}

li.btn_16_search a
{
    background: transparent url(/Images/Icons/16/find.gif) no-repeat top left;
}

li.btn_16_mapit
{   
    background: transparent url(/Images/Icons/16/earth_location.over.gif) no-repeat top left;
}

li.btn_16_mapit a
{
    background: transparent url(/Images/Icons/16/earth_location.gif) no-repeat top left;
}

li.btn_24_mapit
{   
    background: transparent url(/Images/Icons/24/earth_location.over.gif) no-repeat top left;
}

li.btn_24_mapit a
{
    background: transparent url(/Images/Icons/24/earth_location.gif) no-repeat top left;
}

a.tritoggle,
a.toggle
{
	font-family: Verdana;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	height: 14px;
	width: 1px;
	display: block;
	padding: 2px 0 0 20px;
	overflow: visible;
	background-repeat: no-repeat;	
	background-image: url(/Images/Template/checkbox_tristate.gif);
	white-space: nowrap;
}

a.tritoggle:hover,
a.toggle:hover
{
	text-decoration: underline;
}

a.bold
{
	font-weight: bold;	
}


