/*
 * CSS standard styles for tabbed area.
 */

/*-- Everything sits in here --*/
div.tab-area {

	margin-left:  0.5em;
	margin-right: 1em;
}

/*-- This contains the tabs themselves --*/
div.tabset-area {

	text-align: left;
}

/*-- The bounding box for the content --*/
div.tab-content-area {

	border:     1px solid #84A1BE;
	margin:     0;
	background: white;
	color:      black;
}

/*-- Inside of the content area is the place for the ? button --*/
div.tab-content-help {

	text-align:        right;
	height:            23px;
	background-image:  url(../images/tabs/tab-help-background.gif);
	background-repeat: repeat-x;
	border:            0;
}

/*-- The is the actual contents of the tab --*/
div.tab-content {

	margin-left:   0.5em;
	margin-right:  0.5em;
	margin-bottom: 0.5em;
}

/*-- Table that the tabs are drawn in --*/
table.tabs {

	border:   0px;
}

/*-- All tabs sit in one row. This is it. --*/
tr.tabsRow {

	vertical-align: middle;
}

/*-- Left-hand side of inactive tab --*/
div.t-pLeft {

	width:             8px;
	height:            19px;
	border:            none;
	background-image:  url(../images/tabs/tab-left.gif);
	background-repeat: no-repeat;
	cursor:            pointer;
}

/*-- Cell containing the text for the inactive tab --*/
td.t-pBack {

	padding-top:       0px;
	font-family:       Verdana, Arial, Helvetica, San-Serif;
	font-size:         8pt;
	font-style:        normal;
	font-weight:       bold;
	color:             #355EBB;
	text-decoration:   none;
	height:            19px;
	background-image:  url(../images/tabs/tab-text.gif);
	background-repeat: repeat-x;
	cursor:            pointer;
}

/*-- Right-hand side of inactive tab --*/
div.t-pRight {

	width:             8px;
	height:            19px;
	border:            none;
	background-image:  url(../images/tabs/tab-right.gif);
	background-repeat: no-repeat;
	cursor:            pointer;
}

/*-- Inactive link style --*/
a.tabLink {

	font-family:     Verdana, Arial, Helvetica, San-Serif;
	font-size:       8pt;
	font-style:      normal;
	font-weight:     bold;
	text-decoration: none;
	color:           #355EBB;
}

a.tabLink:hover {

	font-family:     Verdana, Arial, Helvetica, San-Serif;
	font-size:       8pt;
	font-style:      normal;
	font-weight:     bold;
	text-decoration: none;
	color:           #355EBB;
}

/*-- Left-hand side of active tab --*/
div.t-aLeft {

	width:             8px;
	height:            19px;
	border:            none;
	background-image:  url(../images/tabs/tab-active-left.gif);
	background-repeat: no-repeat;
	cursor:            pointer;
}

/*-- Text for the active tab sits in here --*/
td.t-aBack {

	text-align:        center;
	font-family:       Verdana, Arial, Helvetica, San-Serif;
	font-size:         8pt;
	font-style:        normal;
	font-weight:       bold;
	text-decoration:   none;
	color:             #000000;
	padding-top:       0px;
	background-image:  url(../images/tabs/tab-active-text.gif);
	height:            19px;
	background-repeat: repeat-x;
	cursor:            pointer;
}

/*-- Right-hand side of active tab --*/
div.t-aRight {

	width:             8px;
	height:            19px;
	border:            none;
	background-image:  url(../images/tabs/tab-active-right.gif);
	background-repeat: no-repeat;
	cursor:            pointer;
}

/*-- Active link style --*/
a.tabLinkActive {

	font-family:       Verdana, Arial, Helvetica, San-Serif;
	font-size:         8pt;
	font-style:        normal;
	font-weight:       bold;
	text-decoration:   none;
	color:             Black;
}

a.tabLinkActive:hover {

	font-family:      Verdana, Arial, Helvetica, San-Serif;
	font-size:        8pt;
	font-style:       normal;
	font-weight:      bold;
	text-decoration:  none;
	color:            Black;
}