body
{
	font-size: 100%;
}

h2
{
	font-size : 0.8em;
	color : #333333;
}

p
{
	font-size : 0.8em;
	color : #333333;
}

table.frType 
{
	padding : 2px 2px 2px 2px;
	vertical-align : top;
	width : 100%
}

/* START : Fault Steps */

table.frFaultFlow
{
	width : 788px;
}

td.frFaultFlowArea
{
	border-style : none;
	border-color : #CCCCCC;
	vertical-align : top;
}

td.frFaultFormArea 
{
	width : 590px;
	height : 400px;	
	border-style : solid;
	border-color : #CCCCCC;
	border-width : 1px;
	padding : 2px 2px 2px 2px;
	vertical-align : top;
}


a.frFaultFlowOn, a.frFaultFlowOff, span.frFaultFlowOn, span.frFaultFlowOff
{
	display : block;
	text-align : center;
	font-size: 0.8em;
	font-weight: bold; 
	padding: 2px 2px 2px 2px;	
	text-decoration: none;
}

a.frFaultFlowOn, span.frFaultFlowOn
{
	color:#FFFFFF;
	background-color: #99CCFF;
}

a.frFaultFlowOff, span.frFaultFlowOff
{
	color : #FFFFFF;
	background-color: #CCCCCC;
}

a.frFaultFlowAct
{
	display : block;
	text-align : left;
	font-size: 0.8em;
	font-weight: bold; 
	color : #FFFFFF;
	background-color: #CCCCCC;
	padding: 2px 2px 2px 2px;	
	text-decoration: none;
}

/* END : Fault Steps */

/* START : Spatial Section */

td.frMGaz
{
	width : 250px;
	padding-right : 10px;
	vertical-align : top;
}

td.frGazHead
{
	width : 250px;
	font-weight : bold;
	font-size : 0.8em;
}

div.frAcceptMark
{
	color : #999999;
	/*font-size : 0.8em;*/
	font-weight:normal;
	width : 180px;
	height : 20px;
	text-align : right;
}

input.frAcceptMark
{
	vertical-align : middle;
}

input.butAcceptFault
{
	cursor : hand;
	height : 60px;
}

td.MapToolbar
{
	background-color : #CCCCCC;
	border-bottom-color : #FFFFFF;
	border-bottom-style : solid;
	border-bottom-width : 3px;
}

td.Map
{
	padding-top : 10px;
	background-color : #CCCCCC;
}

input.AcceptFault 
{
	background-color : Transparent;
	color : #333333;
	margin-top : 5px;	
	margin-left : 120px;
	width : 86px;
	font-size : 0.8em;
	border-style : none;
	background-position : right top;
	background-repeat : no-repeat;
	background-image : url(../images/arrow_right.gif);
	cursor : hand;
}



td.frMMap
{
	width : 500px;
	vertical-align : top;
}

/* END : Spatial Section */

select.frFaultList
{
	width : 580;
}

td.frFaultStepTitle 
{
	width : 100%;
	font-size : 0.8em;
	color : #FFFFFF;
	font-weight : bold;
	background-color : #CCCCCC;
	padding : 2px 2px 2px 2px;
}

td.frTypeHeader 
{
	width : 100%;
	font-size : 0.8em;
	color : #FFFFFF;
	font-weight : bold;
	background-color : #99CCFF;
	padding : 2px 2px 2px 2px;
}

td.frTypeInformation 
{
	padding-top : 5px;
	font-size : 1em;
}

td.frQuestion 
{
	padding-top : 5px;
	font-size : 0.8em;
	font-weight : normal;
}

td.frInput
{
	font-size : 0.7em;
}

input.frInput
{
	font-size : 0.7em;
}

input.frAddressInput 
{
	width : 200px;
}

input.frLongAddressInput 
{
	width : 300px;
}

table.frFaultStep
{
	width : 100%;
}

td.frFlowHeader
{
	width : 100%;
	font-size : 0.8em;
	color : #FFFFFF;
	font-weight : bold;
	background-color : #7b9fdc;
	padding : 2px 2px 2px 2px;
}

/* Step Area */

td.frStepLink
{
	width : 263px;
}

input.frSubmitFault 
{
	background-color : Transparent;
	color : #333333;
	margin-top : 5px;	
	margin-left : 10px;
	width : 120px;
	font-size : 0.8em;
	border-style : none;
	background-position : right top;
	background-repeat : no-repeat;
	background-image : url(../images/arrow_right.gif);
	cursor : hand;
}

td.frLocationMap
{
	text-align : center;
}

/* Fault Report Incident Types*/

div.frIncidentDetails, div.frLocType, div.frChooseLoc
{
	position : absolute;
	width : 780px;
	height : 405px;
}

table.frMapHolder
{
	width : 780px;
	height : 405px;
}

div.frIncidentList, div.frIncidentForm, div.frFinalReport
{
	overflow : auto;
	padding : 5px 5px 5px 5px;
	border-style : none;
	border-color : #CCCCCC;
	border-width : 1px;		
}

div.frFinalReport 
{
	margin-left : 30px;
	width : 720px;
	height : 250px;
}

div.frIncidentList 
{
	padding-top: 0px;
	margin-left : 10px;
	width : 250px;
	height : 360px;
}

div.frIncidentForm 
{
	margin-left : 30px;
	padding-top: 10px;
	width : 520px;
	height : 380px;
}

td.frIncidentGroupHeader 
{
	font-size : 0.8em;
	font-weight:bold;
	color : #999999;
	padding : 10px 2px 0px 2px;
}

td.frIncidentMatch
{
	display : block;
	text-align : left;
	width : 200px;
	background-color : #FFFFFF;
	padding : 2px 2px 2px 2px;	
}

a.frFaultType 
{
	display : block;
	font-size: 0.8em;
	color : #3399FF;
	text-decoration : underline;
}

a.frFaultType:hover 
{
	color : #FF3333;
}

/* Location Selection */

td.frLocHD
{
	color : #333333;
	font-weight : bold;
	font-size : 0.8em;
	height : 30px;
	padding-left : 17px;
}

td.frLocDesc, td.frLocDescS
{
	color : #333333;
	font-size : 0.8em;	
	padding-left : 17px;
	padding-top : 20px;
	padding-bottom : 10px;
	vertical-align : top;
}

td.frLocDescS
{
	height : 30px;
}

td.frFiller
{
	width : 40px;
}

td.frLocTitle, td.frLocLink
{
	color : #999999;
	height : 20px;
	text-align : left;
}

table.frLocSection
{
	width : 200px;
	height : 150px;
	border-style : solid;
	border-width : 1px;
	border-color : #99ccff;	
	padding : 4px 4px 4px 4px;
}

table.frCurrentSelection
{
	margin-top : 50px;
}

td.frCurrentSelection
{
	/*width : 600px;
	height : 40px;
	border-style : none;
	border-width : 1px;
	border-color : #CCCCCC;	
	padding : 0px 0px 0px 0px;*/
}

td.frCurrentSelectiontext, td.frCurrentSelection
{
	color : #999999;
	font-size : 0.7em;
	vertical-align : middle;
	padding-left: 20px;
}

td.frLocLink
{
	vertical-align : top;	
	padding-bottom : 5px;
	font-size : 1em;
}

a.frLocLink
{
	color : #3399FF;
	text-decoration : underline;
	font-size : 0.8em;
	
}


a.frLocLink:hover
{
	color : #FF3333;
}

span.frLocLink
{
	color : #999999;
	padding-left : 10px;
	font-size : 0.8em;
	vertical-align : middle;
}

td.frLocSel
{
	/*margin : 30px 10px 0px auto;*/
	padding-left: 17px;
	/* padding-top:20px;*/
}

td.frSellAddDisp, td.frSelAdd
{
	vertical-align : top;
	width : 250px;
	padding-left: 17px;
}

input.frChsLocButOn, input.frChsLocButOff, input.frButAddSel, input.frButAddSelOff
{
	background-color : Transparent;
	color : #333333;
	font-size : 0.8em;
	border-style : none;
	background-repeat : no-repeat;
	background-image : url(../images/arrow_right.gif);
}

input.frButAddSel 
{
	padding-left : 30px;
	background-position : 100% 50%;
	cursor : hand;
	vertical-align : middle;
}

div.frButAddSelOff 
{
	color : #999999;
	font-size : 0.8em;
	height : 20px;
	padding-left : 65px;
}

input.frButAddSelOff
{
	vertical-align : middle;
}

input.frChsLocButOff 
{
	background-position : 50% 50%;
	width : 40px;
	background-image : url(../images/arrow_right_off.gif);
}

input.frChsLocButOn
{
	background-position : 50% 50%;
	width : 40px;
	cursor : hand;
}

div.frComplete
{
	color : #999999;
	font-size : 0.8em;
	padding-left : 125px;
	cursor : default;
	height : 20px;
	margin-top : 10px;
}

input.frComplete 
{
	vertical-align : middle;
	cursor : hand;
	height : 20px;
}



table.frMapLeft 
{
	width : 200px;
	height : 380px;
}

td.frGazDesc, td.frGOTitle, td.frGazInput, frZoomArea
{
	width : 200px;
	font-size : 0.8em;
}

td.frGazDesc
{
	color : #333333;
	font-weight : bold;
}

td.frGOTitle 
{
	width : 200px;
	font-size : 0.8em;
	color : #999999;
}

span.frGazDesc
{
	text-align : left;
}

div.frPnlInfo 
{
	padding : 0px 0px 0px 0px;
	border-collapse : collapse;
}

div.frMGaz
{
	width : 220px;
}

/* START : Select fault By Address Section */

td.frSelAdd 
{
	height : 260px;
}

td.frSellAddDisp
{
	height : 120px;
}

/* END : Select fault by Address Section */

/* START : Fault Form Entry Section */

td.frFaultTypeHD, td.frFaultLocHD
{
	font-size : 0.8em;
	padding-top : 20px;
	padding-left : 17px;
	color : #999999;
}

td.frFaultTypeDT, td.frFaultLocDT
{
	font-size : 0.8em;
	padding-left : 17px;
	padding-bottom : 10px;
}

span.frFaultTypeLB, span.frFaultLocLB
{
	font-size : 0.9em;
	color : #333333;
	padding-bottom : 30px;
}

input.frFaultTypeBUT, input.frFaultLocBUT
{
	color : #333333;
	cursor : hand;
	vertical-align : middle;
}

div.frFaultTypeBUT, div.frFaultLocBUT
{
	height : 20px;	
	color : #999999;
	font-size : 0.8em;
	padding-left : 60px;
}

div.frFaultTypeBUT 
{
	padding-left : 60px;
}

div.frFaultLocBUT 
{
	padding-left : 40px;
}

/* END : Fault Form Entry Section */

/* START : Zoom Bar Colours */

td.ZoomBlock 
{
	BORDER : #99CCFF 1px solid;
	cursor : hand;
	background-color : #FFFFFF;
	width : 50px;
}

td.ZoomBlockSelected
{
	BORDER : #FFFFFF 1px solid;
	cursor : hand;
	background-color : #99CCFF;
	width : 50px;
}

td.ZoomBlockEnds 
{
	BORDER-RIGHT: #99CCFF 2px solid; 
	BORDER-TOP: #99CCFF 2px solid; 
	BORDER-LEFT: #99CCFF 2px solid; 
	WIDTH: 22px; 
	BORDER-BOTTOM: #99CCFF 2px solid; 
	HEIGHT: 22px;
	background-color:#ffffff;
}

/* END : Zoom Bar Colours */