html
{
	height:100%;
	overflow:auto;
	padding:0px;
	margin:0px;	

	scrollbar-base-color:#f5f5f5;
	scrollbar-track-color:#f5f5f5;
	scrollbar-highlight-color:#466464;
	scrollbar-3dlight-color:#f5f5f5;
	scrollbar-darkshadow-color:#f5f5f5;
	scrollbar-shadow-color:#466464;
	scrollbar-arrow-color:#f96302;		
}

*
{ 
    margin: 0; 
    padding: 0; 	
}

body
{ 
	font: .8em/1.2 verdana, arial, sans-serif;
	color: #000;
}
	
body.smallText
{ 
	font: .8em/1.2 verdana, arial, sans-serif;
}
	
body.mediumText
{
	font: 1em/1.2 verdana, arial, sans-serif;
}	

body.largeText
{ 
	font: 1.3em/1.2 verdana, arial, sans-serif;
}		
	
p
{
	 padding: 0 0 1.15em 0;
}	

a
{
	color: #000;
	text-decoration:none;
}
	
a:hover
{
    color:#f96302;
	text-decoration:underline;
}     

img
{
	border: none;
}	

table
{
	margin:0px;	
	padding:0px;
	width:100%;
}

h1
{
	font-size:1.25em;
}

/*
ul
{
    list-style-type:none;
} 
*/ 
    
input, select, textarea
{
	font-family:Verdana, Arial;
	font-size:1.0em;
	border:solid 1px #b8cccc;
}

/* A javascript routine generates classes based on an input's type

NOTE:
	We have standardised the borders for inputs but that will also do checkboxes and radios
	which we do not want.  We need to override for those types

1) We could use attribute selectors in FF
	input[type="radio"] { border:none; }

2) and expressions in IE
	input {
		border:expression(this.type == "radio" ? "none" :"solid 5px #336699");
	}

3) a custom javascript implementation that adds classes dynamically at runtime
	input.radio, input.checkbox { border:none; }
	

We will use 1) and 2)
*/

input[type="radio"], input[type="checkbox"] { border:none; }

/*
input, textarea
{
	 font-size:1.1em; 
}
*/

a, img
{
	border:none;
}

a
{
	color:Black;
	text-decoration:none;
}

a:hover
{
	font-weight:normal;
	/* text-decoration:underline; */
}

.clr 
{ 
    clear: both;
    height: 0.1px;
    font-size: 0;
    line-height: 0;
    display: block;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Page specific */
.FaultDetailsNew #tblLayout td.Sidebar
{
	/* display:none; */
}

.FaultDetailsNew
{
	/* background-image:none; */
}
/* ---------------------------------------------------------------------------------------------------- */
/* Table based layout */

#tblLayout
{
	margin:0px;	
	padding:0px;
	width:100%;
	height:100%;
}

#tblLayout p
{
	margin:0px;	
	padding:0px;
}

/*
#tblLayout td
{
	margin:0px;	
	padding:0px;
	vertical-align: top;
}

#tblLayout td.Header
{
	background:#ffa700 url(../Images/Logo.gif) no-repeat;
	background-position:5px 1px;
	color:#fff;
	height:100px;
	margin:0px;
	padding:2px 20px 2px 25px;
}

#tblLayout td.Header h1
{
	background-color:transparent;
	color:#fff;
	margin:18px 0px 0px 0px;
	padding:0px;
	text-align:right;
	font-size:20px;
	font-weight:bold;
}


#tblLayout td.Title h1
{
	background-color:#fff;
	color:#F96302;
	margin:0px;
	margin:22px 0px 10px 12px;
	padding:0px;
	
	color:#000;
	border-bottom: solid 1px #F96302;
}

#tblLayout td.Content
{
	padding:10px 10px 10px 10px;
	width:100%;
}

#tblLayout td.Sidebar
{
	background-color:#f5f5f5;
	padding:10px 10px 10px 10px;
	width:230px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Style for ImageLinkButton Control */
.ImageLinkButton
{
	border:none;
	/* padding-right:7px; */
	margin-left:15px;
}

.ImageLinkButton input
{
	border:none;
	margin-right:2px;
}

.ImageLinkButton a
{
	/* color:White; */
	font-weight:bold;
	text-decoration:none;
}

.ImageLinkButton a:hover
{
	/* color:Black; */
	font-weight:bold;
	/* text-decoration:underline; */
}

/* ---------------------------------------------------------------------------------------------------- */
/* Grid(View) Control */
table.Grid
{
	border-collapse:collapse;
	border:Solid 0px white;
	overflow:auto;
	width:100%;

}

.GridHeader, .Grid th
{
	background-color:#788C8C;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}

.GridAltRow
{
	background-color:#f0f2f2;
}

.Grid td
{
	padding:1px 1px 1px 5px;
}

.GridAltRow td, .GridRow td
{
	vertical-align:top;
	padding:3px;
	padding-right:15px;
}

td.GridImageCol
{
	padding-right:3px;	
}

.GridFooter
{
	
}

.GridPager
{
	
}

.GridHeader, .Grid a
{
	color:#000000;
}

.GridHeader a
{
	font-weight:bold;
	text-decoration:underline;
}

.GridHeader a:hover
{
	color:#F96302;
	text-decoration:none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Primary style for SideNavigation Control */
.SideNav
{
	width: 220px;
	background-color:#cecece;
	margin-bottom:8px;
	padding:0px 0px 0px 0px;
}

.SideNav h1
{
	font-size:1.0em;
	margin:0px 0px 4px 0px;
}

.SideNav img
{
	border:none;
	float:left;
	padding:0px 5px 0px 0px;
	
}

.SideNav .SideNavContent
{
	background-color:#cecece;
	vertical-align:top;
}

.SideNav .SideNavContent ul
{
	clear:both;
	margin:5px 0px 0px 0px;	
	padding:5px 0px 0px 20px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Alternate style for SideNavigation */
.AltSideNav
{
	width: 220px;
	margin-bottom:20px;
	padding:0px 5px 0px 0px;
	clear:both;
}

.AltSideNav h1
{
	border-bottom:Solid 1px #F96302;
	font-size:1.0em;
	margin:0px 0px 4px 0px;
}

.AltSideNav img
{
	border:none;
	float:left;
	padding:0px 5px 0px 0px;
}

.AltSideNav .SideNavContent ul
{
	/*float:right;*/
	right:0px;
	bottom:0px;
	margin:5px 15px 0px 0px;	
	padding:5px 0px 0px 10px;
}

.AltSideNav .SideNavContent
{
	vertical-align:top;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Common styles for SideNavigation */
.SideNavContent li
{
	list-style-type:none;	
}

.SideNavContent li img
{
	padding-right:5px;
	text-align:left;
	vertical-align:middle;
	
}

.SideNavContent ul li a
{
	color:Black;
	font-weight:bold;
	text-decoration:none;
}

.SideNavContent ul li a:hover
{
	color:#F96302;
	font-weight:bold;
	text-decoration:none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Search Filters */
.Search
{
	background-color:#ffffff;
	border-bottom:solid 1px #F96302;

	padding:5px 0px 5px 0px;
	margin:0px 0px 20px 0px;
}

.Search h1
{
	border-bottom:Solid 1px #F96302;
	font-size:1.0em;
	margin:0px 0px 4px 0px;
}

.Search ul
{
	float:right;
	right:0px;
	bottom:0px;
	margin:5px 15px 0px 0px;	
	padding:5px 33px 0px 20px;
}

.Search li
{
	list-style-type:none;
}

.Search input
{

}

/* ---------------------------------------------------------------------------------------------------- */
.Version
{
	float:right;
	color: #f00;
}

.MandatoryField
{
	background-color:#fff;
}

.MandatoryFieldMarker
{
	color:#F96302;
}

.Error
{
	/* color:#F96302; */
}

.AltRow td { border: none; }

.ReadOnly
{
	background-color:Transparent;
}

/* ---------------------------------------------------------------------------------------------------- */
/* GridView */
.Grid
{
	
}

.Header
{
	background-color: #000;
	color: #fff;
	padding: 5px;
}
.Row
{
	background-color: #e6e6e6;
	color: #000;
	vertical-align: top;
	padding: 5px;
}
.AltRow
{
	background-color: #f1f1f1;
	color: #000;	
	vertical-align: top;
	padding: 5px;
}

.Footer
{
	background-color: #000;
	color: #fff;
	padding: 5px;
}

.Pager
{
	background-color: #000;
	color: #fff;
	font-weight: bold;
	padding: 0px;
}

.Pager a
{
	background-color: Transparent;
	color: #fff;
}

.Pager a:hover
{
	background-color: Transparent;
	color: #F96302;
}

.Version
{
	color: #990000;
	font-family: Verdana;
	font-size: 11px;
}

/*
#divMain
{
	margin-left: 200px;
	margin-top: 70px;
	voice-family: "\"}\"";
	voice-family: inherit;
	m
argin-left: 200px;
}
html>body #divMain 
{
	/*margin-left: 200px;
}
*/

/* ---------------------------------------------------------------------------------------------------- */
/* Menu Control */
.Menu A
{
	color:Black;
	text-decoration:none;
} 

.Menu A:hover
{
	color:#F96302;
	text-decoration:none;
}

/* ---------------------------------------------------------------------------------------------------- */
.Section
{
	border: solid 0px black;
	width:100%;
}

.SectionHeader
{
	background-color:Black;
	color:White;
	font-size: 1.15em;
	padding:3px;
}

.SectionContent
{
	background-color:#f6f6f6;
	padding:3px;
}

.SectionContent h1
{
	border-bottom:solid 1px #F96302;
	display:inline;
}

.ReadOnly
{
	background-color:#F5F5F5;
}

.ReadWrite
{
	background-color:#FFFFFF;
}

.ModalBackground
 {
	background-color:gray;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.PreviewItem img
{
	vertical-align:middle;
	padding-right:4px;
}

.PreviewItem a
{
	color:black;
	font-weight:bold;
	text-decoration:none;
}

.PreviewItem a:hover
{
	color:#F96302;
	font-weight:bold;
	text-decoration:none;
}

.PreviewItem span
{
	padding-left:20px;
	white-space:normal;
}

.Agent 
{
	padding-top:0px;
	padding-bottom:0px;
}

.Agent span  
{
	vertical-align:top;
	position:relative;
	top:4px;
}

td.CompositeSpan span
{
	display:block;
	padding:2px 0px 2px 0px;
}

/* Specific syles */

/* FaultDetailsNew.aspx */
.FaultDetailsGridHeader TH
{
	background-color:Transparent;
	color:Black;
	font-weight:bold;
	padding:3px 3px 3px 3px;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}

.FaultDetailsGridRow TD
{
	white-space:nowrap;
}

/* FaultSaveAndSubmitDialog.ascx */
.FaultSaveAndSubmitDialog
{
	width: 500px;
	border: solid 1px gray;
	background-color: #f1f1f1;
	padding:0px 1px 0px 1px;
}

.FaultSaveAndSubmitDialog #titleFaultSubmit
{
	background-color:#F96302;
	color:White;
	padding-left:5px;
	vertical-align:middle;
	height:20px;	
}

.FaultSaveAndSubmitDialog #tbContent TD
{
	vertical-align:middle;
	white-space:nowrap;
}

.FaultSaveAndSubmitDialog #tbContent INPUT
{
	font-family:Verdana, Arial;
	font-size:0.9em;
	width:99.5%;
}


.FaultSaveAndSubmitDialog #tbContent TEXTAREA
{
	font-family:Verdana, Arial;
	width:99.5%;
}

.FaultSaveAndSubmitDialog SELECT
{
	vertical-align:middle;
}

/* Database query */
.Query
{
}

.Query textarea
{
	/* text-transform:uppercase; */
	overflow:auto;
}

.Query #ExecuteButton span
{
	float:right;
}

.Query table
{
	margin-bottom:15px;
}

.Query table th
{
	background-color:#000;	
	color:#FFF;	
}

.Query table tr
{
	text-align:left;
}

/* ----------------------------- */
.Header1
{
	width:100%;
	background-color:#ffa700;
}

.Content1
{
	padding:5px 5px 5px 5px;
}

.ContentSidebar
{
	width:175px;
} 

.ContentView
{
	width:650px;
}

.SbLogon span
{
	color:#FFFFFF;
	display:block;
	padding:1px 0px 1px 8px;

}


/*
.FAQs
{
	padding:0px 0px 0px 15px; 
	margin:0px 0px 0px 15px;
	list-style-type:decimal;
}
*/

.FAQs A
{
	text-decoration:none;
}

.FAQs A:hover
{
	text-decoration:underline;
}

.FAQs LI
{
	padding:3px 3px 3px 0px;	
}

.FAQsEditItem
{
	 list-style-image:url(../images/arrowright.gif);
	/* background-color:#d6e8ec;	 */
	color:#00b3be;
	color:#466464;
	margin-top:3px;
	margin-bottom:3px;
	/* border-top:solid 1px #d6e8ec;
	border-bottom:solid 1px #d6e8ec; */
}

.FAQsEditItemQ /* span:first-child */
{
	font-weight:bold;
	display:block;
}


/*
.FAQsItem UL
{
	list-style-type:circle;
	background-color:Yellow;
	 margin:0px 0px 0px inherit; 
	padding:0px 0px 0px inherit;  
}

.FAQsEditItem
{
	background-color:#d6e8ec;	
	padding:5px 0px 5px 5px;	
	color:#636562;
}

.FAQsEditItemQ
{
	font-weight:bold;
	display:block;
}

.FAQsEditItemA
{
	display:block;
	padding:0px 0px 0px 15px;
}
*/

/*
.FAQsEditItem span:first-child
{
	font-weight:bold;
	display:block;
}
*/

.Title
{
	display:block;
	color:#00b3be;
	font-weight:bold;
	font-size:15px;
	padding-bottom:12px;
}

.CommentItem td
{
	padding-top:10px;
	padding-bottom:10px;
	border-top:solid 0px #d6e8ec;
}

.CommentItem td img
{
	padding-left:10px;
}

.CommentItem span
{
	display:block;
}

.CommentItemTitle
{
	font-weight:bold;
}

.CommentItemDesc
{
	padding-top:10px;
}

/*
.CommentItem span
{
	vertical-align:top;
}

.CommentItem span:first-child
{
	float:right;
}
*/

p.NoTopMargin
{
	margin-top:0px;
}

p.NoBottomMargin
{
	margin-bottom:0px;
}

.Capcha
{
	padding-left:50px;
}

.Capcha input
{
	display:block;
	margin-left:60px;
	margin-bottom:10px;
	border:solid 2px #F96302;
}

.Navigation
{
	/* position:absolute;
	bottom:0px;
	right:0px; */
	padding-top:20px;
	vertical-align:bottom;
}

.Navigation span
{
	float:right;
}

.FaultAddrItem td
{
	background-color:#ffc3c6;	
	color:#00b3be;
	color:#466464;
	color:#000000;
	padding-top:3px;
	padding-bottom:3px;
	border-top:solid 1px #d6e8ec;
	border-bottom:solid 1px #d6e8ec;
	font-weight:bold;
}

.FaultAddrItem A
{
	color:#00b3be;
	color:#466464;
	font-weight:bold;
	text-decoration:none;
}

.FaultAddrItem A:Hover
{
	text-decoration:underline;
}

.FaultAddrCaption
{
	color:#00b3be;
	color:#466464;
	padding-top:3px;
	padding-bottom:3px;
	border-top:solid 1px #ffc3c6;
	border-bottom:solid 1px #ffc3c6;
	font-weight:bold;
}

.PartnerLink A
{
	text-decoration:none;
}

.PartnerLink A:hover
{
	text-decoration:underline;
}

a.eonBold, a:hover.eonBold  
{
	color:#F96302;
	font-weight:bold;
}

/* Mandatory control */
.mc
{
	font-size:14px;
	font-weight:bold;
	color:#f96302;
	padding-right:1px;
	width:auto;
}