/* this is the stylesheet for the folder and tab display for the main data window - not the folder display of the menu */
/* the div for the tabs.  the background has the bottom line */    
#clsTabs {
	float:left;
	width:100%;
	background:url("/images/tabs/bg.gif") repeat-x bottom;
	font-size:88%;
	line-height:normal;
}

/* the tabs list.  the padding sets the top/left margins.  */
#clsTabs ul {
	margin:0;
	padding:15px 5px 0;
	list-style:none;

}
/* the tab.  this is the unselected version */
#clsTabs li {
	float:left;
	background:url("/images/tabs/left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
}
/* the anchor link.  this isn't part of the li style as this'll be overlapped by it - hence the rounded corners */
#clsTabs a {
	white-space:nowrap;
	display:block;
	background:url("/images/tabs/right.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#567;
}

/* the hover color change when over an anchor link.   */
#clsTabs a:hover {
	color:#333;
}

/* the selected item */
#clsTabs #current {
	background-image:url("/images/tabs/left_on.gif");
}

/* the anchor for teh current item.  see the comment for the unselected anchor link */
#clsTabs #current a {
	background-image:url("/images/tabs/right_on.gif");
	color:#333;
	padding-bottom:5px;
}

/* the folder header box */
div.clsFolderHeader {
	font: bold normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:5px;
	background:#F7F7F7 repeat-x bottom;
	border-bottom:1px solid #567;
	text-align:center;
}

div.clsFolderContent {
	padding:5px;
}
/* the clear makes sure this is below the bounding tabs.
the margin is for the left and bottom
the border matches teh tab border 
*/
div.clsFolder {
	background-color:white;
	clear:both;
	padding-bottom:10px;
	margin:0 0 0px 5px;
	border-left:1px solid #776655;
	border-right:1px solid #776655;
	border-bottom:1px solid #776655;
}

/* these are the folders that aren't displayed - that's all we need */
div.clsFolderHidden {
	display:none;
}

/* this is the save button div area */
div.clsFolderSave {
	padding:5px 20px 5px;
   	background:#F0F0F0 repeat-x top;

	margin:0 0px 0px 5px;
	border-left:1px solid #776655;
	border-right:1px solid #776655;
	border-bottom:1px solid #776655;

	text-align:center;
	font-style:normal;
}

/** the save button - this is it's normal waiting-to-be-pressed form */
input.clsButtonSave {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #D0D0D0;
	color: #102132;
	margin-left: 12px;
	margin-top: 3px;
	margin-bottom: 2px;
}

/** the save button, but in it's disabled form */
input.clsButtonSave[disabled=true] {
	color : #888888;
}