/* BC Socal Economy web page style sheet from BCSER web site */

.crumbTrail {
  font-family: Sylfaen, Georgia, serif;
  color: #ffffff;

  font-size: 15px;
  text-decoration: none;
  font-weight: bold;
}

.sideNav {
  color: #ffffff;
  font-family: Sylfaen, Georgia, serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 15px;
  text-decoration: none;
  margin-bottom: 3px;
}

a.sideNav {
  color: #ffffff;
  text-decoration: none;
}

a:hover.sideNav  {
  color: #ffffff;
  text-decoration: Underline;
}

.sideSubNav {
  color: #ffffff;
  font-family: Sylfaen, Georgia, serif;
  font-size: 15px;
  text-decoration: none;
  margin-bottom: 3px;
  margin-left: 8px;
  font-weight: bold;
}

a.sideSubNav {
  text-decoration: none;
  margin-left: 0px;
}

a:hover.sideSubNav {
  color: #ffffff;
  text-decoration: Underline;
  margin-left: 0px;
}

.content { 
  font-family: Sylfaen, Georgia, serif;
  font-size: 12pt;
  padding: 15px;
}

/*
body {
  color: Black;
  font-family: "Sylfaen";
  font-size: 10pt;
}
*/

a {
  color: #0000CC;
  text-decoration: underline;
}
a:hover {
  color: #0000CC;
  text-decoration: underline;
}
h1, h2, h3, h4, h5{
	color: #1b2c69;
	line-height: 1em;
}

.flex {
  font-family: Sylfaen, Georgia, serif;
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  font-weight: bold;
}

a.flex  {
  font-family: Sylfaen, Georgia, serif;
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  font-weight: bold;
  line-height: 15px;
  margin-bottom: 3px;
}

a:hover.flex  {font-family: Sylfaen, Georgia, serif;
  color: #ffffff;
  font-size: 15px;
  text-decoration: underline;
  font-weight: bold;
  line-height: 15px;
  margin-bottom: 3px;
}

.searchresult {
}

.searchresulthead {
	font-weight: bold;
}










.gDataRO {color: Black;
/*	background: #E1E9EB;  */
	background: #f3f3f3;
	font-size: 12px;


	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.gDataEntry {color: black;
	background-color: white;
	font-size: 12px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.gDataText {color: black;
	font-size: 12px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.gLabel {color: #006600; 
  	font-size:14px; 
  	line-height:17px;
  	font-weight: normal; 
  	font-family: Georgia, "Times New Roman", Times, serif; 
  	text-align:left; 
  	padding-right:12px;
}

.gLabelBold {color: #006600; 
  	font-size:14px; 
  	line-height:17px;
  	font-weight: bold; 
  	font-family: Georgia, "Times New Roman", Times, serif; 
  	text-align:left; 
  	padding-right:12px;
}

.gLineNumber{color: #006600; 
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.gDataView {color: Black;
/*	background: #E1E9EB;  */
	background: #f3f3f3;
	font-size: 12px;
  	line-height:14px;
	border:1px solid White; 
	border-top:2px solid Gray; 

	border-left:2px solid Gray;
}


/* CHAIS styles - some of these will not be required once new look implemented */

.footer {color: black; font-size: 8pt; font-family: Arial}

.trace {font-size: 9pt; font-family: Arial; color: Firebrick}
.queryTrace {font-size: 9pt; font-family: Arial; color: Blue}

.xsectionName {padding-left: 6px; font-size: 14px; line-height:16px; font-weight: bold; color: Firebrick}

.sectionName {
	font-size: 16px; 
	line-height:normal;
	font-style: normal; 
	font-weight: bold; 
	color: #000066;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	padding-top:10px;
	padding-left: 8px;
}

.question {font-weight: bold; color: Firebrick}
.standOut {font-weight: bold; color: Firebrick}
.confirm {font-weight: bold; color: Black}
.warning {font-weight: bold; color: #c80000}
.ok {font-weight: bold; color: Green}
.error {font-weight: bold; color: Red}
.note {font-size: 11px; font-weight: normal;}
.instruction {font-weight: bold; color: Black}

.opLink { font-style: normal; font-weight: bold; font-size: 11px;
 font-height:15px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; background-color:transparent;
 text-align:center; padding-bottom: 8px;  }

/*
a:link.opLink, a:visited.opLink, a:active.opLink { color:#ffff99 }
a:hover.opLink { color:Blue }
*/
.op { font-style: normal; font-size: 11px;
 font-height:15px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; background-color:transparent;
 text-align:center; padding-bottom: 8px;  }

/*
a:link.op, a:visited.op, a:active.op { color:Blue }
a:hover.op { color:Firebrick }
*/

.DELeft {font-size: 10pt; font-family: Arial; color: Black; background: #DEFFDE}
.DERight {font-size: 10pt; font-family: Arial; text-align: Right; color: Black; background: #DEFFDE}
.DECenter {font-size: 10pt; font-family: Arial; text-align: Center; color: Black; background: #DEFFDE}

.ROLeft {font-size: 10pt; font-family: Arial; color: Black; background: LemonChiffon}
.RORight {font-size: 10pt; font-family: Arial; text-align: Right; color: Black; background: LemonChiffon}
.ROCenter {font-size: 10pt; font-family: Arial; text-align: Center; color: Black; background: LemonChiffon}

.menuItem {font-size: 10pt; font-family: Arial; line-height:18px; color: Black; background: White;
 border-left:1px solid SlateGray; border-right: 1px solid SlateGray;
 border-bottom: 1px solid SlateGray; border-top: 1px solid SlateGray}

.colHead {font-size: 10pt; font-family: Arial; font-weight: bold; color: White;
 background: SlateGray; border-left:1px solid SlateGray; border-right: 1px solid SlateGray;
 border-bottom: 1px solid SlateGray; border-top: 1px solid SlateGray}

.row {font-size: 10pt; font-family: Arial; color: Black; background: White;
 border-left:1px solid SlateGray; border-right: 1px solid SlateGray;
 border-bottom: 1px solid SlateGray; border-top: 1px solid SlateGray}

.rowOdd {font-size: 10pt; font-family: Arial; color: Black; background: White;
 border-left:1px solid SlateGray; border-right: 1px solid SlateGray;
 border-bottom: 1px solid SlateGray; border-top: 1px solid SlateGray}

.rowEven {font-size: 10pt; font-family: Arial; color: Black; background: WhiteSmoke;
 border-left:1px solid SlateGray; border-right: 1px solid SlateGray;
 border-bottom: 1px solid SlateGray; border-top: 1px solid SlateGray}

.itemlabel {color: #006600;
 font-size:14px;
 font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;
 text-align:left}

.itemresult {font-size: 10pt; font-family: arial; color: Black; background: #f3f3f3; 
 border:1px solid White; border-top:2px solid Gray; border-left:2px solid Gray; }

table.TabSel {background-color: LemonChiffon; border: medium none;
    font-family: Arial; font-size: 10pt;
    font-weight: bold; text-align: center; width: 70px}

table.Tab {background-color: lightGrey; border-bottom: white 1px solid; border-left: white 1px solid;
    border-right: white 1px solid; font-size: 10pt; text-align: center; width: 70px}

/* Drop Down Menu styles */

#ddMenu{position:absolute;border:1px solid black;
 font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold;
 background-color: #cccccc; vertical-align:bottom;
 padding:3px 12px;line-height:18px;}


.ddMenu {visibility:hidden; width:100px; background-color:#cccccc}

.ddOp { color: black; font-style: normal; font-weight: bold; font-size: 11px;
 font-height:15px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; background-color:transparent;
 text-decoration:none; }

.ddActive {color:#660000}
.ddInactive {color:#ffff99}

.titleInfo {color: white; font-size: 11px; font-weight:bold;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; white-space:nowrap;}

/* CHAIS styles */

.inactive, a.inactive, a.inactive:active, a.inactive:visited { color: #666666; font-size: 12px; line-height:13px;  }
a.inactive:hover { color:#000099; }

/*
a:link, a:visited, a:active { color:#000099; }
a:hover { color:#660000; }
*/

body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:13px; margin: 0; background: white;}
.checkbox {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:13px; margin: 0; background: white;}

#NavMenu {background-color: #1E2D69; color: #E1E9EB; font-style: normal; font-weight: normal; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px;padding-top:4px; padding-bottom:4px; padding-left:15px;padding-right:15px; }
#NavMenu .button      { font-weight: bold; }
#NavMenu a.button, #NavMenu a.button:active, #NavMenu a.button:link, #NavMenu a.button:visited  { color: #ffff99; font-style: normal; font-weight: bold; text-decoration: none; }
#NavMenu a.button:hover {color:#ffffff;text-decoration:none;}
#NavMenu .user { color: #E1E9EB; font-size:10px; font-weight:bold; }

#Banner{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:10px;text-align:right; 
   padding-right:15px;padding-left:15px;}
#Banner a.button, #Banner a.button:active, #Banner a.button:link, #Banner a.button:visited {color:#ffff99; font-weight:bold;text-decoration:none;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #996600;display:block;padding-top:1px;padding-bottom:1px;text-align:right;vertical-align:middle;width:100%;background-color:transparent;}
#Banner a.button:hover {color:#cc3333;text-decoration:none;}
#Banner #MenuBottom{border-bottom:3px solid #1E2D69;}

.banner {background-color:#1E2D69;}
.bannerrule {background-color:#999999; }

.quicksearch {color: #ffff99; font-size: 11px; font-weight:bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; white-space:nowrap;}
.titlebar {background-color:#D03546;}
.elname      { color: white; font-size: 28px; line-height:normal; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; margin-bottom: 3px; }
.elsub     { color: white; font-size: 12px; line-height:normal; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; text-decoration: none; white-space: nowrap; margin-top: 0px; margin-bottom: 4px;}

#TabActive {color:#660000; background-color: #ffffcc; border-top:10px solid #D03546;
 font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold;
 padding:3px 12px; vertical-align:bottom;}

#TabInactive {background-color: #1E2D69; border-top:10px solid #D03546;
 font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold;
 padding:3px 12px; vertical-align:bottom;}

#TabSpacer {border-top:10px solid #D03546; width:4px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px; padding:3px 2px; }
#TabSpacerLeft {border-top:10px solid #D03546; width:68px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px; padding:3px 2px; }
#TabInactive a.button, #TabInactive a.button:active, #TabInactive a.button:link, #TabInactive a.button:visited { color: #ffff99; text-decoration: none; }
#TabInactive a.button:hover {color: #ffffff;}
.tabbar {background-color:#D03546; }

.leftmenu {background-color:#ffffcc; }

#Content {color: black; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: normal;
 font-weight: normal; font-size:12px; line-height: 15px; text-align:left; }

.contentareanavtop   { padding-bottom: 8px;  }
.contentareanavbottom   { padding-top: 8px; }
.contentareanav   { font-weight: bold; font-size: 11px;  line-height:15px; text-align:center; padding-top: 0px; padding-bottom: 0px;  }
.contentareanavcur   { color:#660000; font-size: 13px; }
.recordstats   { font-size: 11px; line-height:15px; text-align:center; padding-top: 8px;  }
.contentarea {background-color:#ffffcc; border:1px solid #999999; border-top-style: none;}
.footer {color: black; font-size: 11px; text-align:center; margin:0;}

p, ol, ul    { color: black; font-style: normal; font-weight: normal; font-size: 13px; line-height:18px; font-family: Verdana, Arial, Helvetica, Geneva; margin-top: 6px;margin-bottom:6px;margin-right:8px;}
table ( border:0; padding:0; margin:0; }

td.searchname  { color: black; font-style: normal; font-weight: normal; font-size: 12px; line-height:13px; font-family: Verdana, Arial, Helvetica, Geneva; }
td.label	{color: #006600; font-size:14px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-align:left; padding-left:24px;padding-right:24px;}
td   { color: black; font-style: normal; font-weight: normal; font-size: 12px; line-height:13px; font-family: Verdana, Arial, Helvetica, Geneva; }
tr	{vertical-align: top; }
th	{color: #006600; font-size:14px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-align:left;}
td #LineBelowDark,th #LineBelowDark {border-bottom:1px solid #333333;}
td #LineBelowGrey,th #LineBelowGrey {border-bottom:1px solid #999999;}
.heading  { color: #660000; font-style: normal; font-weight: bold; font-size: 15px; line-height:15px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 0px; }
.subheading  { color: #660000; font-style: normal; font-weight: bold; font-size: 13px; padding-top:8px;padding-bottom: 0px; }

/*.inDifficulty, a.inDifficulty, a.inDifficulty:active, a.inDifficulty:visited { color: FireBrick; font-size: 12px; line-height:13px;  }
a.inDifficulty:hover { color:#660000; }
*/

.list    { color: black; font-style: normal; font-weight: normal; font-size: 12px; line-height:15px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

.listnowrap    { white-space:nowrap; color: black; font-style: normal; font-weight: normal; font-size: 12px; line-height:15px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.listhead    { color: #660000; font-style: normal; font-weight: bold; font-size: 12px; line-height:15px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.listheadnowrap   { white-space:nowrap; color: #660000; font-style: normal; font-weight: bold; font-size: 12px; line-height:15px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.vrule	{ background-image: url(<%=gDirGraphics%>vrulegrey.gif); background-repeat: repeat-y; }

p.closehelp   { 
	color: black; 
	font-style: normal;
	font-weight: normal; 
	font-size: 11px; 
	line-height:15px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align: center;
}


.opTitleLink { font-style: normal; font-weight: bold; font-size: 11px; font-height:15px; line-height:18px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; background-color:transparent; }
a.opTitleLink:link, a.opTitleLink:visited, a.opTitleLink:active { color:#ffff99; text-decoration:none; }
a.opTitleLink:hover { color:white; text-decoration:underline; }

/* Risk Model styles */

.rmLabel {font-size: 10pt; font-family: Arial; color: #006600}

.rmResult {font-size: 10pt; font-family: arial; color: Black; background: #f3f3f3; 
 border:1px solid White; border-top:2px solid Gray; border-left:2px solid Gray; }

.rmCRR {font-size: 10pt; font-family: arial; color: Black; background: #f3f3f3; 
 border:1px solid White; border-top:2px solid Gray; border-left:2px solid Gray; }

.rmCRRHigh {font-size: 10pt; font-family: arial; color: Black; background: #FF6347; 
 border:1px solid White; border-top:2px solid Gray; border-left:2px solid Gray; }

.rmCRRAbove-Average {font-size: 10pt; font-family: arial; color: Black; background: #FFA500; 
 border:1px solid White; border-top:2px solid Gray; border-left:2px solid Gray; }

.rmCRRModerate {font-size: 10pt; font-family: arial; color: Black; background: #FFFF00; 
 border:1px solid White; border-top:2px solid Gray; border-left:2px solid Gray; }

.rmCRRLow {font-size: 10pt; font-family: arial; color: Black; background: #98FB98; 
 border:1px solid White; border-top:2px solid Gray; border-left:2px solid Gray; }