.Document
{
    font-family: Helvetica, Verdana, Arial, Times New Roman;
}
.View
{
    background-color: #fff;
    border: 1px solid #999;
    padding: 4px;
}
.Accordion
{
    border: 1px solid #ddd;
}
.Accordion .Handle
{
    background-image: url('../images/tbox/accordion_back_inactive.png');
    border: 1px solid #999;
    padding: 2px 4px 2px 4px;
    color: #fff;
    font-size: 12pt;
    cursor: pointer;
    margin: 0px;
}
.Accordion .Handle:hover
{
	color: #f4c533;
	border: 1px solid #f4c533;	
}
.Accordion .Handle.Selected
{
    background-image: url('../images/tbox/accordion_back.png');
}
.Accordion .Pane
{
    background-color: #fff;
}
.TabBar
{
    padding: 0px;
    margin: 0px;
	list-style: none;
	clear: right;
	font-size: 14pt;
	padding-top: 3px;
	height: 26px;
}
.TabBar .Tab
{
    float: left;
	background: url('../images/tbox/tab_left.gif') no-repeat left top;
	padding: 0px 0px 0px 2px;
	margin-left: 5px;
	margin-top: 0px;
}
.TabBar .Tab a
{
	display: block;
	background: url('../images/tbox/tab_right.gif') no-repeat right top;
	text-decoration: none;
	padding: 3px 10px 0px 9px;   
}
.TabBar .Tab.Selected, 
.TabBar li.Tab:hover
{
	margin-top: 1px;
	background: url('../images/tbox/tab_left_H.gif') no-repeat left top;
	margin-bottom: -1px;
}
.TabBar .Tab.Selected a, 
.TabBar .Tab a:hover
{
	background: url('../images/tbox/tab_right_H.gif') no-repeat right top;    
}
.Canvas
{
    position: relative;
    background-color: #eee;
    border: 1px solid #ddd;
}
.Canvas .Heading,
.Canvas .SubHeading
{
    margin:0px 0px 5px 0px;
    padding: 2px;
    font-size: 16pt;
    border-bottom: 1px solid #ddd;
    color: #333;
}
.Canvas .SubHeading{
	border-top: 1px solid #ddd;	
	font-size: 14pt;
	background-color: #dfdfdf;
}
.LinkButton
{
    text-decoration: none;
    display: block;
    padding: 2px;
}
.LinkButton:hover
{
    text-decoration: underline;
}
.LinkButton.Selected
{
    background: #99f;
    color: #fff;    
}
.DataGrid
{
    border-collapse:collapse;
}
.DataGrid th,
.GridHeader
{
    background: #eee url("../images/tbox/grid_header.png");
    border: 1px outset #ddd;
    color: #666;
}
.DataGrid td
{
    border: 1px solid #ddd;
    padding: 2px;
}

.DataGrid tr.OddRow
{
	background-color: #eef;
}
.DataGrid tr
{
	background-color: #fff;
}
.Alert
{
	background: #fed url('../images/tbox/status_unknown.png') no-repeat 2px 2px;
	padding: 2px 2px 2px 18px;
	font-weight: bold;
	color: #f43;
	border: 1px solid #f43;
}
.Button
{
	display: inline;
	border: 1px outset;
	padding: 2px;
	background: url('../images/tbox/button_back.png') #eee;
	font-size: 12pt;
	vertical-align: middle;
	margin: 2px;
	color: #000;
	text-decoration: none;
}
.Button:hover{
	border: 2px solid #800;
	background: url('../images/tbox/button_back_hover.png') #eee;
	padding: 1px;
}

.Panel{
	border: 1px solid #999;
}
.Panel .TitleBar{
	padding: 2px;
	background: url('../images/tbox/accordion_back.png');
	color: #fff;
	font-weight: bold;
}

.Panel .Content{
	background: #fff;
	padding: 3px;
}

.Panel ul.Content{
	list-style-type: none;
	margin: 0px;
}

img.Icon16{
	vertical-align: middle;
	height: 16px;
}

a:hover .Icon16{
	background-color: #ddd;
}