﻿/* CSS Document */
/* Body setup  */
p{

	margin:0px;
	padding:0px;
	line-height: 11pt;
	
}
.headerBar
{
	height: 102px; 
	background: url(../../img/Reach_header.jpg); 
	width: 740px; 
	text-align: center;
}

.PageWidth
{
	/*width: 760px; */
	/* Also search 720px */
}

body{
		FONT-SIZE: 70%;
	MARGIN: 0px;
	SCROLLBAR-HIGHLIGHT-COLOR: #f9f9f9;
	SCROLLBAR-SHADOW-COLOR: #f9f9f9;
	COLOR: black;
	SCROLLBAR-3DLIGHT-COLOR: #f4f4f4;
	LINE-HEIGHT: 11pt;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #f4f4f4;
	FONT-FAMILY: Arial, verdana, Helvetica, Geneva, Swiss;
	SCROLLBAR-DARKSHADOW-COLOR: #676767;
	SCROLLBAR-BASE-COLOR: #999999;
	BACKGROUND-COLOR: #E7EAED;
	SCROLLBAR-FACE-COLOR: #f1f1f1


}	

P {
	MARGIN-BOTTOM: 6px;
	LINE-HEIGHT: 11pt;
	FONT-FAMILY: Arial, verdana, Helvetica, Geneva, Swiss
}
PRE {
	FONT-SIZE: 8pt;
	MARGIN-BOTTOM: 6px;
	FONT-FAMILY: Arial, verdana, helvetica, Geneva, Swiss;
	MARGIN-TOP: 0px
}
H1 {
	FONT-SIZE: 140%;
	COLOR: #666666;
	LINE-HEIGHT: 11pt;
	PADDING-TOP: 7px;
	FONT-FAMILY: Arial, verdana, Helvetica, Geneva, Swiss
}
H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: black;
	LINE-HEIGHT: 14pt;
	BORDER-BOTTOM: #e6e6e6 thin solid;
	FONT-FAMILY: Arial, verdana, Helvetica, Geneva, Swiss
}
H3 {
	FONT-SIZE: 140%;
	COLOR: #666666;
	LINE-HEIGHT: 11pt;
	PADDING-TOP: 7px;
	FONT-FAMILY: Arial, verdana, Helvetica, Geneva, Swiss
}
H4 {
	FONT-SIZE: 140%;
	LINE-HEIGHT: 8pt;
	COLOR: black;
	PADDING-TOP: 5px;
	FONT-FAMILY: Arial, verdana, Helvetica, Geneva, Swiss
}
FORM {
	margin: 0px;
	height:100%
}
SELECT {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	TEXT-TRANSFORM: none;
	COLOR: black;
	PADDING-TOP: 1px;
	FONT-FAMILY: Arial, verdana, Geneva, Swiss;
	FONT-SIZE: 90%;
	BACKGROUND-COLOR: white
}
OPTION {
	BORDER-RIGHT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	BORDER-LEFT: 0px;
	cursor: pointer;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: 0px;
	BACKGROUND-COLOR: transparent
}
TEXTAREA {
	BORDER-RIGHT: black 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: black 1px solid;
	PADDING-LEFT: 2px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: black 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: black 1px solid;
	FONT-FAMILY: Arial, verdana, Geneva, Swiss;
	BACKGROUND-COLOR: white
}

table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
}

table.StandardTableNoPad
{
	width: 700px;
}

table.StandardTableLeftPad
{
	width: 680px;
	padding-left:10px;
	border:solid 0px pink;
}

/* form elements */
.allButtons{
	/*background-image:url(../../img/buttons/BTNBGD.gif);*/
	color:#000000;
	background-color:#FFF;
	
	border-style:solid; 
	border-width:1px; 
	border-color:#000000;
	
	font-family:Arial,Verdana, Helvetica, sans-serif;
	font-size:11px;
	padding-left:4px;
	padding-right:4px;
	height:20px;
	cursor:hand;
}
.buttonBorderLight
{   
	background-image:url(../../img/buttons/BTNBGD.gif);
	color: #333333;
    border-style:solid; 
	border-width:1px; 
	/*border-color:#E46E54;*/
	border-color:#000000;
	padding:3px;
}
a:link .buttonBorderLight
{
	color: #000000;
}

.buttonBorder
{   
    border-style:solid; 
	border-width:3px; 
	border-color:#FF9900;
}
.buttonBorderSub
{   
    border-style:solid; 
	border-width:3px; 
	border-color:#FF9900;
}
.inputBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding-left: 5px;
	height:16px;
}
.inputBoxHidden {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	border: 0px solid #999999;
	padding-left: 5px;
	height:16px;
    cursor: default;
    cursor: default;
}
.inputBoxMultiLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding-left: 5px;
}
.inputBoxEnqEdit
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding-left: 5px;
}
.inputBoxMultiLineHidden {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	border: 0px solid #999999;
	padding-left: 5px;
	cursor: default;
    cursor: default;
	overflow:hidden;
}
.inputBoxDisabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color:#EEEEEE;
	border: 1px solid #999999;
	padding-left: 5px;
	height:16px;
}
.dropDownList
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding-left: 5px;
	height:16px;
}

.menubar
{
	height:28px; 
	background-image: url('../../img/menubar.gif');
}
	
A {
	text-decoration:none
}
A:link {
	color: #006666
}
A:visited {
	color: #669999
}
A:active {
	color: #CC0033;
	background-color: #C5D8D8
}
A:hover {
	color:#CC0033
}

a.WhiteText:link  {
	text-decoration: none;
	color: #FFF;
}
a.WhiteText:visited {
	text-decoration: none;
	color: #FFF;
}
a.WhiteText:hover {
	text-decoration: underline;
	color: #FFF;
}
a.WhiteText:active {
	text-decoration: none;
	color: #FFF;
}

a.BlackText:link  {
	text-decoration: none;
	color: #000;
}
a.BlackText:visited {
	text-decoration: none;
	color: #000;
}
a.BlackText:hover {
	text-decoration: underline;
	color: #000;
}
a.BlackText:active {
	text-decoration: none;
	color: #000;
}

a:hover, .noline
{
	text-decoration: none;
}

/* padding / rulers / height*/
.Rule
{
	width: 100%;
	border-bottom: #67999a 1px solid;
	padding-bottom: 5px;
}
.RuleLarge
{
	width: 100%;
	border-bottom: #67999a 3px solid;
}
.dashedRule{
	background-image:url(../../img/dottedRules/greenRuleDashed.gif);	
}
/**/
.paddingAll2{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
}
.paddingTopBottom2, .SectionHeaders{
	padding-top:2px;
	padding-bottom:2px;
}
.paddingRight2, .SectionHeaders{
	padding-right:2px;
}
.paddingLeft2{
	padding-left:2px;
}
/**/
.paddingTop5 {
	padding-top:5px;
}
.paddingTopBottom5{
	padding-top:5px;
	padding-bottom:5px;
}	
.paddingRight5{
	padding-right:5px;
}
.paddingLeftRight5 {
	padding-left:5px;
	padding-right:5px;
}
.paddingAll5{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}
/**/
.paddingTop10{
	padding-top:10px;
	height: 35px;
}
.paddingBottom10{
	padding-bottom:10px;
}	
.paddingRight10{
	padding-right:10px;
}	
.paddingLeft10, .SectionHeaders{
	padding-left:10px;
}
.paddingTopBottom10{
	padding-top:10px;
	padding-bottom:10px;
}
.paddingLeftRight10 {
	padding-left:10px;
	padding-right:10px;
}
.paddingAll10{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
	
/**/
.paddingTop20{
	padding-top:20px;
}
.paddingBottom20{
	padding-bottom:20px;
}	
.paddingRight20{
	padding-right:20px;
}	
.paddingLeft20{
	padding-left:20px;
}
.paddingTopBottom20{
	padding-top:20px;
	padding-bottom:20px;
}
.paddingLeftRight20{
	padding-left:20px;
	padding-right:20px;
}
.paddingAll20{
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
}

.marginRight5
{
	margin-right:5px;
}
	
/**/
.height1{
	height:1px;
}
.height2{
	height:2px;
}
.height5{
	height:5px;
}
.height10{
	height:10px;
}
.height15{
	height:15px;
}
.height20{
	height:20px;
}
.height30{
	height:30px;
}

/**/
.width2{
	width:2px;
}
.width5{
	width:5px;
}
.width10{
	width:10px;
}
.width15{
	width:15px;
}
.width20{
	width:20px;
}

/* copy sizes */
.Copy_HeaderTitle{
	font-size:130%;
color: #666666;
}
.Copy_SubTitle {
	font-size:115%;
	color: #666666;
}
.Copy_Body {
	font-size:100%;
}
.Copy_Small{
	font-size:90%;
}
.Copy_Tiny{
	font-size:80%;
}
.Copy_Bold{
	font-weight: bold;
}


/* preset Copy */

/* colours - foreGround */
.Colour_DarkGrey{
	color:#333333;
}
.Colour_LightGrey{
	color: #666666;
}
.Colour_White {
	color: #FFFFFF;
}
.Colour_Red {
	color:#FF0000;
}
.Colour_BrightGreen {
	color:#02E11C;
}
.Colour_Orange {
	color: #FF9900;
}
.Colour_LightGreyBlue {
	color: #E7EAED;
}
.Colour_Blue {
	color: #0f6e9d;
}
.Colour_Blue_50Percent{
	color: #9dc3d7;
}
.Colour_Blue_30Percent{
	color: #c7dde8;
}
.Colour_Blue_10Percent{
	color: #E7F0F5;
}
.Colour_Green {
	color: #67999A;
}
.Colour_Green_50Percent{
	color: #b3cccc;
}
.Colour_Green_30Percent{
	color: #d1e0e1;
}
.Colour_Green_10Percent{
	color: #f0f5f5;
}

.ColTitle
{
	color: #555555;
}

/* colours - BackGround */
.Colour_Background_DarkGrey{
	background-color:#333333;
}
.Colour_Background_LightGrey{
	background-color: #999999;
}
.Colour_Background_White {
	background-color: #FFFFFF;
}
.Colour_Background_Red {
	background-color:#FF0000;
}
.Colour_Background_BrightGreen {
	background-color:#02E11C;
}
.Colour_Background_Orange {
	background-color: #FF9900;
}
.Colour_Background_LightGreyBlue {
	background-color: #E7EAED;
}
.Colour_Background_Blue {
	background-color: #0f6e9d; 
}
.Colour_Background_Blue_50Percent {
	background-color: #9dc3d7;
}
.Colour_Background_Blue_30Percent{
	background-color: #c7dde8;
}
.Colour_Background_Blue_10Percent{
	background-color: #E7F0F5;
}
.Colour_Background_BrightGreen {
	background-color:#02E11C;
}
.Colour_Background_Orange {
	background-color:#FF9900;
}
.Colour_Background_Green {
	/*background-color: #67999A;*/
	background-color: #959595;
}
.Colour_Background_Green_50Percent, .SectionHeaders{
	background-color: #b3cccc;
}
.Colour_Background_Green_30Percent{
	background-color: #EFEFEF;
}
.Colour_Background_Green_10Percent{
	background-color: #f0f5f5;
}
.Colour_Validator_Highlight
{
	background-color: #E7F0F5;
}

.NoRecords_Background
{
	/*background-color: #FFFFFF; */
	background-color: #f0f5f5;
}

.BGPage_Background
{
	background-color: #E7EAED;
}

.BGCopyRightLine
{
	background-color: #F2F2F3;
}

.BGDarkHeader
{
	background-color: #7E7E7E;
}

.BGBoxHighlight
{
	background-color: #EFEFEF;
}

.BRDTabEdge
{
	border: solid 2px  #B4B4B4;
}

/* -----Start Cursor types */
.CursorLink
{
    cursor: pointer;
    cursor: hand;
}
.CursorDefault
{
       cursor:default;
}
/* -----End Cursor types */


/* -----Start Show/Hide items */
.ShowItem
{
       display:block;
}
.HideItem
{
       display:none;
}
/* -----End Show/Hide items */

/* -----Start Table row spacers */
.DisplayRowHeight
{
       height:10px;
}
.LargeRowHeight
{
       height:15px;
}
.RowHeight
{
	height:30px;
}

.VLargeRowHeight
{
       height:40px;
}
/* -----End Table row spacers */

/* -----Start error items */
/* Warning text colour*/
.WarningText
{
       color:Red;
}
.ValSummary
{
	border: 2px solid red;
	color: red;
	margin: 5px 0px;
	padding: 15px;
	font-weight:bold;
}
.ValSummary ul
{
	margin: 0;
	padding: 0;
	list-style: square;
	margin-left: 30px;
	font-weight:normal;
}
.Welcome
{
	margin: 0;
	padding: 0;
	margin-left: -20px;
	font-weight:normal;
}
.ReqField
{
       color:Red;
       padding-left:5px;
}
/* A panel with id “pnlError” and a label with id “lblError” exist on every .Net page */
#noWrapTbl
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}  
.pnlError 
{
       color:Red;	   
	   font-weight: bold;
       background-color:#FFFFFF;
       border: 1px dotted red;
       padding:10px;
}

/* -----End error items */


/* -----Start Margin and Padding classes */
.LeftMargin
{
       margin-left:10px;
}
.LeftPad
{
       padding-left:10px;
}
/* -----End Margin and Padding classes */

.ReadOnlyTextBox
{
	border-width: 0px;
}


/* homepage */
.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight: bold;
	padding-top: 5px
}
.titles:link {
	color: #333333;
	text-decoration: none
}
.titles:visited {
	color: #333333;
	text-decoration: none
}
.titles:hover {
	color: #333333;
	text-decoration: underline
}
.titles:active {
	color: #333333;
	text-decoration: none
}
tr.ruled {
	background:#E0EBEB
}
