/*********************************************************/
/*************** General HTML elements *******************/
/*********************************************************/

body {

	padding: 0px;
	margin: 30px auto 30px auto;
	background-color: #eeeeee;
	text-align:center;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}


h1 {

	font-size: 16px;
	font-family: Tahoma, Arial;
	font-weight: normal;
	color: #666666;/*#000;*/
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 10px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ccc;
}

h2 {

	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #666;
	margin: 5px 0px 5px 0px;
}

p {

	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	color: #666666;
	line-height: 130%;
	margin: 10px 0px 20px 0px;
}

a {

	text-decoration: none;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	color: #9C2B38;
}

a:hover {
	
	
}

a[disabled] 
{
	text-decoration: none;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	color: #666666;
}

form 
{
	padding: 0px;
	margin: 0px;
}

table.Fixed
{
	table-layout: fixed !important;
}

table.Fixed td
{
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important; /* Non-standard; IE only */
}

table.Fixed td.Clipped
{
}


/*********************************************************/
/**************** General page layout ********************/
/*********************************************************/

div.PageUserInfo {
	position: absolute;
	top: -15px;
	margin: auto 0px;
	font-size: 10px;
	font-weight: bold;
	color: #9C2B38;
}


div.PageUserInfo span
{
	margin-right: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #9C2B38;
}

div.PageLogout {
	position: absolute;
	top: -15px;
	margin: auto 0px;	
	text-align: right;
	width: 756px;
}

div.PageLogout a {
	text-align: right;
	font-weight: bold;
	font-size: 10px;
}

div#PageContainer {

	position: relative;
	text-align: left;
	margin: auto;
	width: 756px;
	background-color: #ffffff;

}

div#PageHeader {

	position: relative;
	margin: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 1px 0px 1px;
	height: 60px;
	background-color: #fff;
}

div#PageHeader img.Logo
{
	float: right;
}

#SiteMapMenuContainer
{
	background-color: #999999;
	height: 25px;
}


a.ViewRoutingPlanButton
{
	position: absolute;
	top: 97px;
	right: 10px;
	z-index: 100;
}

div#PageContentContainer {

	position: relative;
	width: 754px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-style: solid;
	border-color: #ccc;
	border-width: 0px 1px;
}


div#PageContent {
	position: relative;
	padding: 10px 30px;
	height: 400px;	
}

/* Redefine the height for decent browsers that support min-height */
body div#PageContentContainer > div#PageContent {
	height: auto;
	min-height: 400px;
}

#PageContentContainer .Controllers
{
	position: absolute;
	bottom: 10px;
	left: 10px;
	text-align: center;
}

div#PageFooter
{
	width: auto;
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
}


div#PageFooter hr
{
	border-style: none;
	width: 100%;
	color: #ccc; /* For IE */
	background-color: #ccc; /* For Mozilla */
	height: 5px;
	margin: 3px 0px;
	padding: 0px;
}

/* Box used to hold application name, version and date info */
div.AssemblyVersion {
	background-color: #eeeeee;
	padding: 5px 10px;
	font-size: 10px;
	color: #999999;
}


/*********************************************************/
/******************* Report styles ***********************/
/*********************************************************/

div.ReportPageUserInfo {
	position: relative;
	text-align: left;	
}

div.ReportUserInfoDiv {
	width: 90%; 
	text-align: left;
	margin: auto;
}

div.ReportContentDiv {
	width: 92%; 
	height: 90%;
	margin: auto;
}

div.ReportPageTitleDiv {
	width: 90%;
	margin: auto;
}

div.ReportDatagridContent {
	height: 90%	
}

table.ReportFooterTable 
{
	width: 100%;
}

table.ReportFooterTable tr #DateCell
{
	text-align: left; 
	width: 30%;
}
	
table.ReportFooterTable tr #ExportCell
{
	text-align: center; 
	width: 30%;

}

table.ReportFooterTable tr #PageNoCell
{
	text-align: right; 
	width: 30%;
}

div.ReportPaymentHistoryTotals
{
	text-align: right; 
	padding-bottom: 30px;
}

table.ReportSummaryTable 
{
	width: 250px; margin-right: 9px
}

table.ReportSummaryTable tr td.ReportSummaryLabel
{
	text-align: left; 
	padding: 2px 2px 2px 2px;
}

table.ReportSummaryTable tr td.ReportSummaryTotals
{
	text-align: right; 
	padding: 2px 2px 2px 2px;
}

table.ReportHeaderTable {
	width: 92%;
	margin: 0px 30px 0px 30px;
}

table.ReportHeaderTable h1 {
	background: none;
	border: none;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}

table.ReportHeaderTable td div.PageUserInfo {
	position: relative;
	top: auto;
	display: inline;
}

table.ReportHeaderTable td div.PageUserInfo span {			
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

table.ReportHeaderTable td .Label {	
	color: #666666;

}

table.ReportingFilterTable {
	margin: 10px 0px 15px 0px;
	text-align: left; 	
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	border-color: #B9B9B9;
}

table.ReportingFilterTable span {
	color: #666666;
}

table.ReportingFilterTable td .Label {
	color: #666666;
}

table.ReportingFilterTable tr {
	vertical-align: bottom;
	padding: 0px 0px 8px 0px;
}

table.ReportingFilterTable td {
	padding: 3px 3px 8px 3px;
}

div.ReportDataDiv {
	/*overflow: scroll; 
	height: 580px;*/
}

div.ReportDataDiv .DataGrid .Header td,
div.ReportDataDiv .DataGrid .Header th {
	background-color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	border-width: 0px 0px 1px 0px;
	border-color: #B9B9B9 !important;
}

div.ReportDataDiv .DataGrid .Item, 
div.ReportDataDiv .DataGrid .AlternatingItem {
	font-size: 11px;
	background-color: #fff;
	color: #666666;
}

div.ReportDataDiv .DataGrid .Item td, 
div.ReportDataDiv .DataGrid .AlternatingItem td {
	border-width: 0px 0px 1px 0px;
}







/*********************************************************/
/******************** Form styles ************************/
/*********************************************************/
.FormBox {
	/*
	background-color: #eeeeee;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	*/
}

.FormTable
{
	width: 100%;
	margin-bottom: 20px;
}

.FormTable td {
	vertical-align: top;
	padding: 5px 3px;
}


.FilterFormTable
{
	width: 85%;
	margin-bottom: 15px;
}

.FilterFormTable td
{
	vertical-align: middle;
}

.FilterFormTable label,
.FilterFormTable .Label
{
	/*font-weight: normal !important;*/
}

.TextBox {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
}

select,
.DropDownList {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
}


.RadioButton
{
}


.Checkbox {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
}

/* ASP radiobutton control */
.RadioButton input {
	padding: 0px;
	margin: 0px;
}

.RadioButton label {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	padding-left: 5px;
}


/* ASP checkbox control */
.CheckBox input {
	height: 13px;
	width: 13px;
	padding: 0px;
	margin: 0px;
}

.CheckBox label {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding-left: 5px;
}


.RadioButtonList,
.CheckBoxList
{
	width: 100%;
}

.CheckBoxList input {
	width: 13px;
	height: 13px;
	margin: 1px 5px 1px 0px;
	padding: 0px;
}

.RadioButtonList label,
.CheckBoxList label {
	font-size: 11px;
	color: #666666;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: normal;
	padding-left: 3px;
}


.Button {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight:normal;
	width: 80px;	
}

.ButtonBox {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 20px 15px 20px 0px;
	text-align: right;
}

.Text {
	font-size: 11px;
	color: #666666;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: normal;
}

label,
.Label {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}

.RequiredField {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #cc0000;
}

/* Note that the 'important' statement is required
to override .Net inserting a default inline color style */
.Error {
	font-family: Tahoma, Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #cc0000 !important;
}

.Error ul {
	margin: 3px 0px 3px 40px;
	padding: 0px;
}

.Error li {
	font-family: Tahoma, Verdana;
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	color: #cc0000;
}

span.ErrorMessage {
	color: #DB8115;
}

.ValidationSummary {
	color: #DB8115 !important;
}

.Validator {
	color: #DB8115 !important;
}

.NegativeAmountLabel {
	font-family: Tahoma, Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #cc0000 !important;
}

.ReportTotalRow 
{
	font-weight: bold;
}

.ColourText {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #708DB9;
}

.ButtonLarge
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight:bold;
	width: 80px;
}

.DropDownListHeaderItem
{
	color: #708DB9;	
}

.DropDownListItem
{
	text-indent: 1em;	
}


.HeaderRowTable 
{
	width: 100%;
}

.HeaderRowTable tr td.Header
{
	background-color: #ccc;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
}

.HeaderRowTable tr .Item{
	padding: 5px 10px 3px 10px !important;
}



/*********************************************************/
/************* Ajax form control styles ******************/
/*********************************************************/

.AutoCompleteList
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	border: 1px solid ActiveBorder;
	color: #666666;
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	cursor: 'default';
}

.AutoCompleteList .Item
{
	padding: 2px 3px;
	margin: 0px;
	color: #666666;
	background-color: #fff;
}

.AutoCompleteList .Highlighted
{
	background-color: Highlight;
	color: ButtonHighlight;
}

.HelpTextDiv
{
	position: absolute;
	width: 250px;
	height: auto;
	border: 1px solid #666;
	padding: 5px;
	z-index: -1;
	background-color: #ffffff;
	left: 0px;
	top: 0px;	
}

.HelpImage
{
	vertical-align: bottom;
}

/*********************************************************/
/*********** UI.WebControls.Datagrid styles **************/
/*********************************************************/
.DataGrid
{
	border-collapse: collapse;
	border-width: 0px 0px 0px 0px;
	border-style: none;
	border-color: #cccccc;
	width: 100%;
	margin-bottom: 10px;
}

.Cell
{
	border-width: 0px 0px 0px 1px !important;
}
.CellTop
{
	border-width: 1px 0px 0px 0px !important;
}
.CellBottom
{
	border-width: 0px 0px 1px 1px !important;
}

.CellLhs
{
	border-width: 0px 0px 0px 1px !important;
}
.CellLhsTop
{
	border-width: 1px 0px 0px 1px !important;
}
.CellLhsBottom
{
	border-width: 0px 0px 1px 1px !important;
}

.CellRhs
{
	border-width: 0px 1px 0px 1px !important;
}
.CellRhsTop
{
	border-width: 1px 1px 0px 0px !important;	
}
.CellRhsBottom
{
	border-width: 0px 1px 1px 1px !important;
}

.CellRhsStatusBottom
{
	border-width: 0px 0px 1px 0px !important;
}

.CellRhsStatus
{
	border-width: 0px 0px 0px 0px !important;
}

.Inactive
{
	display:block;
	width:13px;
	height:13px;
	background-image: url(images/active.gif);
	background-repeat: no-repeat;
	background-position:center;
}

.DataGrid a:link,
.DataGrid a:active,
.DataGrid a:visited,
.DataGrid a:hover 
{
	margin-right: 5px;
	font-family: Tahoma, Verdana, sans-serif;
}

.DataGrid th,
.DataGrid td {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	padding: 3px !important;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #fff !important;
}

/* Header row */
.DataGrid .Header td, 
.DataGrid .Header th
{
	background-color: #cecece;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 10px 5px 10px !important;
}

.DataGrid .Header a:link,
.DataGrid .Header a:active,
.DataGrid .Header a:visited {
	color: #ffffff;
	text-decoration: none;
}


.DataGrid .Header a:hover {
	text-decoration: none;
}

/* Footer row */
.DataGrid .Footer td
{
	font-weight: normal;
	font-size: 11px;
	background-color: #f0f0f0;
	color: #666666;
	padding: 3px 10px 3px 10px !important;
}


/* Pager row */
.DataGrid .Pager {
	background-color: Transparent;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: right
}

.DataGrid .Pager td {
	/*text-align: right;*/
}

.DataGrid .Pager  span {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight:  normal;
	background-color: #ffffff;
	color: #666666;
	text-align: right
}


.DataGrid .Pager a:link,
.DataGrid .Pager a:active,
.DataGrid .Pager a:visited {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #9C2B38;
	text-decoration: none;
}

.DataGrid .Pager a:hover {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

/* Item and Alternatingitem styles */
.DataGrid .Item,
.DataGrid .AlternatingItem
{
	font-size: 11px;
	background-color: #f5f5f5;
	color: #666666;
}

.DataGrid .Item td,
.DataGrid .AlternatingItem td 
{
	padding: 3px 10px 3px 10px !important;
}

.DataGrid .Item a:link,
.DataGrid .Item a:active,
.DataGrid .Item a:visited,
.DataGrid .AlternatingItem a:link,
.DataGrid .AlternatingItem a:active,
.DataGrid .AlternatingItem a:visited
{
	color: #9C2B38;
	text-decoration: none;
	font-weight: normal;
}

.DataGrid .Item a:hover,
.DataGrid .AlternatingItem a:hover
{
	text-decoration: none;
	font-weight: normal;
}

.DataGrid .Item a[disabled],
.DataGrid .AlternatingItem a[disabled]
{
	color: #666666;
}


/* Link styles used for textual description links in grid rows (ie non-command button links) */
.DataGrid .Item a.Textual:link,
.DataGrid .Item a.Textual:active,
.DataGrid .Item a.Textual:visited,
.DataGrid .AlternatingItem a.Textual:link,
.DataGrid .AlternatingItem a.Textual:active,
.DataGrid .AlternatingItem a.Textual:visited
{
	color: #666666;
}

.DataGrid .Item a.Textual:hover,
.DataGrid .AlternatingItem a.Textual:hover
{
	color: #9C2B38;
}

.GridPagerTable
{
	width: 100%;
	margin-bottom: 5px;
}

.GridPagerTable a
{
	margin-left: 10px;
}

/* Make the paging buttons look like image links */
.PagingButtonFirst,
.PagingButtonPrevious,
.PagingButtonNext,
.PagingButtonLast
{
	border-width: 0px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-color: Transparent;
	height: 18px;
	width: 18px;
	cursor: hand;
}

.PagingButtonFirst
{
	background-image: url("../Images/page_nav_first.gif");
}


.PagingButtonPrevious
{
	background-image: url("../Images/page_nav_previous.gif");
}

.PagingButtonNext
{
	background-image: url("../Images/page_nav_next.gif");
}

.PagingButtonLast
{
	background-image: url("../Images/page_nav_last.gif");
}

.DataList {
	border: 1px;
	border-color: Black;
}

.DataList .Item
{
	background-color: Transparent;
}

.DataList .Footer
{
}

.DataList .Seperator
{
	
}

.DataList .Item a:link, .DataList .Item a:active, .DataList .Item a:visited,
.DataList .Footer a:link, .DataList .Footer a:active, .DataList .Footer a:visited
{
	color: #9C2B38;
	text-decoration: none;
	font-weight: normal;
	margin: 0px !important;
}

/*********************************************************/
/********************* Tab Menu styles *******************/
/*********************************************************/
.TabMenu 
{
	 margin: 10px 0px;
	 width: auto !important;
} 

.Tab,
.TabHover,
.TabSelected
{
	padding: 5px 18px;
	height: 14px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

.Tab
{
	background-color: #bebebe;
	color: #ffffff;
}

.TabSelected
{
	background-color: #999999;
	color: #ffffff;
}

.TabHover
{
	background-color: #999999;
	color: #ffffff;
}

.Tab span,
.TabHover span,
.TabSelected span
{
	display: -moz-inline-box;
}


/*********************************************************/
/********************* Control styles *******************/
/*********************************************************/

div.WebLogin							{ width: 300px; }

.ActiveTime								{ width: 400px; }

/*
.ActiveTimeTable						{ width: 65%; }
.EmailSettingsTable						{ width: 100%; }

.ServiceNumberTable						{ width: 70%; }
.ServiceNumberCallScreeningTable		{ width: 70%; }
.ServiceNumberCallHandlingTable			{ width: 80%; }

.DestinationGeneralTable				{ width: 50%; }
.DestinationCallHandlingTable			{ width: 80%; }
.DestinationCallQueuingTable			{ width: 60%; }

.VoicemailTable							{ width: 63%; }
*/


/*********************************************************/
/*************** Custom TreeView styles ******************/
/*********************************************************/


.TreeView span
{
	color: #6F84B1;
}

.TreeView a
{
	color: #6F84B1;
}

.TreeView .ServiceNumbers a,
.TreeView .RoutingNode a
{
	color: #666666;
	font-weight: bold;
}

.TreeView td div 
 {               
	height: 20px !important   
}