/*****************************************************************
Font settings
*****************************************************************/
body, th, td, p, input, textarea, select, b, span, a, button, div
{
	font-family: Tahoma;
	font-size: 8pt;
}

body
{
	margin: 0px;
	overflow: auto;
}

a
{
	color: #0f318a;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
	color: Red;
}

fieldset
{
	border: 0px;
	padding-bottom: 5px;
}
legend
{
	margin-left: -5px;
}

.WebDingButton
{
	font-family: Webdings;
	font-size: xx-small;
	border: solid 1px #808080;	
	height: 1.5em;
	line-height: 1em;
	margin: 1px 0px;
}

@import url("/Stylesheets/Layout.css");
@import url("/Stylesheets/Module.css");
@import url("/Stylesheets/ToolBar.css");

/************************************************
Calendar User Control
************************************************/

.CalendarIframe
{
	border: solid 1px #0BB74A;
	position: absolute; 
	width: 180px; 
	height: 150px; 
	z-index: 100;
}
.CalendarButton
{
	position: relative;
	padding: 0px 0px;
	background-color: #DAE8D7;
	border: solid 1px #0BB74A;
	vertical-align: top;
	margin-left: 2px;
}


/************************************************
Basic Data Grid
************************************************/
.BasicGrid
{
	width: 100%;
	border-collapse: separate;
	border-top: solid 1px #808080;
	border-left: solid 1px #808080;
	border-right: solid 0px #808080;
	border-bottom: solid 0px #808080;

}
.BasicGrid td
{
	white-space: nowrap;
}

.BasicGridPager
{
}

.BasicGridPager td
{ 
	position: relative; 
	cursor: default;
	background-color: #d4d0c8;
	padding: 2px 5px;
	text-align: left;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
}

.BasicGridPager td span
{
	font-size: 12pt;
	font-weight: bold;
}

.BasicGridPager td a
{
}

.BasicGridHeader
{
	background-color: #d4d0c8;
}

.BasicGridHeader td
{
	position: relative; 
	cursor: default;
	padding: 1px 5px 2px 5px;
	background-color: #d4d0c8;
	text-align: left;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
	height: 1em;
}

.BasicGridHeader td a
{	
	width: 100%;
	height: 100%;
	cursor: default;
	color: Black;
}

.BasicGridHeader td a:hover
{
	cursor: hand;
	text-decoration: none;
	color: Black;
}

.BasicGridFooter
{
}

.BasicGridFooter td
{
	background-color: #d4d0c8;
	position: relative; 
	cursor: default;
	padding: 2px 5px;
	font-weight: bold;
	border-top: solid 0px #808080;
	border-left: solid 0px #808080;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
}

.BasicGridRow
{
}

.BasicGridRow td
{
	position: relative; 
	cursor: default;
	padding: 0px 5px;
	border-top: solid 0px #808080;
	border-left: solid 0px #808080;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
}

.BasicGridRowOver
{
}

.BasicGridRowOver td
{
	position: relative; 
	cursor: default;
	padding: 0px 5px;
	border-top: solid 0px #808080;
	border-left: solid 0px #808080;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
	background-color: cornsilk;
}

.BasicGridRowAlternate 
{
}

.BasicGridRowAlternate td
{	
	position:relative; 
	cursor: default;
	padding: 0px 5px;
	border-top: solid 0px #808080;
	border-left: solid 0px #808080;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
}

.BasicGrid .SortHeaderColumn
{
	font-weight: bold;
}

.BasicGrid .SortHeaderColumnArrow
{
	margin-left: 2px;
	margin-top: -4px;
	margin-bottom: -2px;
	font-family: Webdings;
	font-size: smaller;
	height: 10px;
}

.BasicGrid .SortColumn
{
	background-color: cornsilk;
}


/**************************************
Invoice repeater colors
**************************************/
.BasicGridRow_Detail td
{
}

.BasicGrid .Payment
{
}

.BasicGrid .Payment td
{
	color: Green;
}

.BasicGrid .Manual
{
}

.BasicGrid .Manual td
{
	color: Red;
}

.BasicGrid .Adjustment
{
}

.BasicGrid .Adjustment td
{
	color: Blue;
}

.BasicGrid .Memo
{
}

.BasicGrid .Memo td
{
	color: Red;
}

.BasicGrid .Invoice
{
}

.BasicGrid .Invoice td
{
}

.BasicGrid .Late
{
}

.BasicGrid .Late td
{
}

/************************************************
Nested Data Grid
************************************************/
.NestedGrid
{
	width: 100%;
	border: 0px;
	border-collapse: separate;
}
.NestedGrid td
{
	position: relative;
	white-space: nowrap;
	height: 25px;
}

.NestedGridPager
{
}

.NestedGridPager td span
{
	font-size: 12pt;
	font-weight: bold;
}
.NestedGridPager td a
{
	font-size: 10pt;
	font-weight: bold;
}

.NestedGridPager td
{ 
	cursor: default;
	background: #d4d0c8;
	padding: 2px 5px;
	text-align: left;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
}

.NestedGridHeader
{
}

.NestedGridHeader td
{
	cursor: default;
	background: #d4d0c8;
	padding: 2px 5px;
	text-align: left;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
}

.NestedGridHeader td a
{
	padding: 1px 5px 2px 5px;
	border: solid 0px red;
	width: 100%;
	height: 100%;
	cursor: default;
	color: Black;
}

.NestedGridHeader td a:hover
{
	cursor: default;
	text-decoration: none;
	color: Black;
}

.NestedGridRow
{
}

.NestedGridRow td
{
	cursor: default;
	padding: 0px 5px;
	border-top: solid 0px #808080;
	border-left: solid 0px #808080;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
}
.NestedGridRowAlternate td
{
	cursor: default;
	padding: 0px 5px;
	border-top: solid 0px #808080;
	border-left: solid 0px #808080;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
}

.NestedGridRow td a, .NestedGridRowAlternate td a
{
}

.NestedGridRowSelected
{
	border: solid 1px #E45229;
}
.NestedGridRowSelected td
{
	
	cursor: default;
	padding: 0px 5px;
	border-top: solid 0px #808080;
	border-left: solid 0px #808080;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
	background-color: #F2C987;
	
}

.NestedGrid td.NestedGridColumn
{
	padding: 0px;
	padding-top: 2px;
	width: 20px;
	height: 20px;
	text-align: center;
}

.NestedGridColumn img
{
}

.NestedGridTD
{
	border: solid 0px red;
	border-bottom: 0px;
	padding: 0px;
}

/************************************************
Tabs
************************************************/
.tblTabs
{
	border: solid 0px red;
}

.TabActive
{
	background-color: #fff;
	font-weight: bold;
	text-align: center;
	border: solid 1px #3C64B9; 
	border-right: 0px;
	border-bottom: 0px;
	cursor: default;
	padding: 0px;
	margin: 0px;
	height: 1em;
}

.TabInactive
{	
	background-color: #8EADDB;
	text-align: center;
	cursor: default;
	border: solid 1px #3C64B9; 
	border-right: 0px;
	padding: 0px;
	margin: 0px;
	height: 1em;
}

.TabActive a, .TabInactive a
{	
	color: black;
	width: 100%;
	height: 100%;
	cursor: default;
}

.TabActive a:hover, .TabInactive a:hover
{	
	color: black;
	cursor: hand;
	text-decoration: none;
}

table.tblTabs td.Spacer
{
	border-left: solid 1px #3C64B9;
	border-bottom: solid 1px #3C64B9;
}

table.tblTabs td.Content, .tblTabContent
{
	border-left: solid 1px #333366;
	border-right: solid 1px #333366;
	border-bottom: solid 1px #333366;
	background-color: red
}
fieldset.Widget_TextBox
{
	border: 0px;
	padding-bottom: 5px;
	display: inline;
}
fieldset.Widget_TextBox legend span
{
	color: Red;
}

fieldset.Widget_DropDownList
{
	border: 0px;
	padding-bottom: 5px;
	display: inline;
}

fieldset.Widget_DropDownList legend span
{
	color: Red;
}

span.Widget_DropDownList
{
	border: solid 1px #808080;
	padding: 1px 3px 1px 3px;
	width: 200px;
}

span.Widget_TextBox, div.Widget_Label, span.Widget_Label
{
	border: solid 1px #808080;
	padding: 1px 3px 1px 3px;
	width: 200px;
}