/*
** $Id: report_posts.css,v 2.1.0.0 2005/09/12 19:32:23 chatasos Exp $
*/

/*
** "border-radius" is a CSS3 feature.
** Mozilla supports the same property using "-moz-border-radius" instead.
*/


div.panel {
	border: solid 0px black;
	padding: 0px;
	background-color: white;
	overflow: auto;
}

div.tabBox {}

div.tabArea {
	font-size: 80%;
	padding: 0px 0px 3px 0px;
}

/*

from light to dark
------------------
non-active : #BFE4FF #7EB9E6 #4C9DD9
active : #4793CC #006699 #00508C

In the z-axis the priority is : tab, tabMain, activeTab

*/

a.tab {
	background-color: #7EB9E6;
	border: 2px solid #000000;
	border-bottom-width: 0px;
	border-color: #BFE4FF #4C9DD9 #4C9DD9 #BFE4FF;
	-moz-border-radius: .75em .75em 0em 0em;
	border-radius-topleft: .75em;
	border-radius-topright: .75em;
	padding: 2px 1em 2px 1em;
	position: relative;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	top: 3px;
	z-index: 100;
}

a.tab, a.tab:visited {
	color: #006699;
}

a.tab:hover {
	text-decoration: none;	/* IE needs this */
	background-color: #006699;
	border-color: #4793CC #00508C #00508C #4793CC;
	color: white;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
	background-color: #006699;
	border-color: #4793CC #00508C #00508C #4793CC;
	color: white;
}

/* move it 2px upwards and bring it to front*/
a.tab.activeTab {
	padding-bottom: 4px;
	top: 1px;
	z-index: 102;
}

div.tabMain {
	background-color: #006699;
	border: 2px solid #000000;
	border-color: #4793CC #00508C #00508C #4793CC;
	-moz-border-radius: 0em .5em .5em 0em;
	border-radius-topright: .5em;
	border-radius-bottomright: .5em;
	padding: 4px;
	position: relative;
	z-index: 101;
}