UNKNOWN
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
BODY
{
	margin: 0px;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-RIGHT: #FAFAFA thin solid;
	BORDER-TOP: 0;
	BORDER-LEFT: #FAFAFA thick solid;
	BORDER-BOTTOM: 0;
}
BODY.empty
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #FFFFFF
}
BODY.welcome
{
	background-image: url('../images/Welcome/drawings_2.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
}
FRAME
{
	border: 0;
    BACKGROUND-COLOR: #FAFAFA
}
.headerBody
{
    FONT-SIZE: 1.0em;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff
}
.writeUpBody
{
    FONT-SIZE: 1.0em;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff
}
.toolbarBody
{
    FONT-SIZE: 1.0em;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ddaaff
}
a:link
{
    FONT-SIZE: 1.0em;
    COLOR: #0055ff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
a:visited
{
    FONT-SIZE: 1.0em;
    COLOR: #0055ff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
a:active
{
    FONT-SIZE: 1.0em;
    COLOR: #0000aa;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
a.deleted
{
    FONT-SIZE: 1.0em;
    COLOR: #0000aa;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: line-through;
}
a:hover
{
    FONT-SIZE: 1.0em;
    COLOR: #0000ff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.userList
{
    FONT-SIZE: 12px;
}



A.button
{
    FONT-SIZE: 1.0em;
    COLOR: #222222;
    background-color: #DDDDDD;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
	 border-style: solid;
	 border-width : 1px 1px 1px 1px;
	 padding : 4px;
	 border-color : #69f #00f #00f #69f;
    
}


.NORMAL
{
    FONT-SIZE: 1.0em;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.BOLD
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.0em;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.HEADING
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.0em;
    VERTICAL-ALIGN: top;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WHITE-SPACE: nowrap;
    TEXT-ALIGN: left
}
.ROLE
{
    FONT-SIZE: 1.0em;
    COLOR: #0080ff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: right
}
.MENUBAR
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.0em;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.MENUBARLABEL
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.0em;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #67c6ff;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.MENU
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.0em;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.TABLEHEADER
{
/*    BORDER-RIGHT: black 1px solid; */
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.0em;
    VERTICAL-ALIGN: top;
/*    BORDER-BOTTOM: black 1px solid; */
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #d0d0d0;
    TEXT-ALIGN: center
}
.TABLEFOOTER
{
/*    BORDER-RIGHT: black 1px solid; */
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.8em;
    VERTICAL-ALIGN: top;
/*    BORDER-BOTTOM: black 1px solid; */
    FONT-FAMILY: Arial;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #d0d0d0;
    TEXT-ALIGN: left
}
.TABLEINDEX
{
    FONT-SIZE: 1.0em;
    VERTICAL-ALIGN: top;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
.TABLEVALUE
{
    FONT-SIZE: 1.0em;
    VERTICAL-ALIGN: top;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
.VALUE
{
    FONT-SIZE: 1.0em;
    VERTICAL-ALIGN: top;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}


.pointer {
    cursor: pointer;
}


.labelFont
{
    FONT-SIZE: 100%;
    FONT-FAMILY: verdana,arial,sans-serif
}
.requiredLabelFont
{
    FONT-SIZE: 100%;
    COLOR: #0000ff;
    FONT-FAMILY: verdana,arial,sans-serif
}
.erroredLabelFont
{
    FONT-SIZE: 100%;
    FONT-FAMILY: verdana,arial,sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #FF0000;
}
.bodyFont
{
    FONT-SIZE: 100%;
    FONT-FAMILY: verdana,arial,sans-serif
}
.buttonFont
{
    FONT-SIZE: 100%;
    FONT-FAMILY: verdana,arial,sans-serif
}
.dropdownSmallFont
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.6em;
    LINE-HEIGHT: 8px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal
}
.formStyle
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 6px;
    LINE-HEIGHT: 8px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal
}
.errorMessageFont
{
    FONT-SIZE: 120%;
    FONT-FAMILY: verdana,arial,sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #FF0000;
}
.stretch
{
    WIDTH: 100%
}
.deleted
{
    TEXT-DECORATION: line-through;
}

.left-align {
	text-align:left!important;
}

.right-align {
	text-align:right!important;
}

H1
{
    FONT-SIZE: 20px;
    FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
	color: #FF6600;    
}
H2
{
    FONT-SIZE: 20px;
    FONT-FAMILY: arial,verdana,sans-serif;
    color: #FF6600;
}

H2.passportFilledSectionName
{
    FONT-SIZE: 16px;
    FONT-FAMILY: arial,verdana,sans-serif;
    color: #7C0D6C;
    text-align:left;
}

H3
{
    FONT-SIZE: 18px;
    FONT-FAMILY: verdana,arial,sans-serif;
}
H4
{
    FONT-SIZE: 14px;
    FONT-FAMILY: verdana,arial,sans-serif;
}
H5
{
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana,arial,sans-serif;
}
H6
{
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana,arial,sans-serif;
}
CAPTION
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    FONT-FAMILY: verdana,arial,sans-serif;
}
paragraphText
{
    TEXT-ALIGN: justify;
}
.selectedTableRow
{
    BACKGROUND: #dddddd;
}
INPUT.numEntryField
{
    border-collapse: collapse;
    padding: 2px;
    FONT-SIZE: 1.0em;
    width: 24px;
    height: 15px;
    text-align: right;
}
INPUT.maxWidthTextEntryField
{
    border-collapse: collapse;
    padding: 2px;
    FONT-SIZE: 1.0em;
    height: 15px;
    text-align: left;
    display:table-cell; 
    width:99%;
}

input.md-compact {
	max-width: 80px;
}

TABLE
{
	border-collapse: collapse;
	padding: 2px;
}
TABLE.list
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    WIDTH: 100%;
    PADDING-TOP: 0px;
/*    frame: below;	*/
    border-spacing: 0px;
    /*rules: none;*/
}
TABLE.search
{
	width:960px;
}
COL
{
	/*spacing:2px;*/
}
th
{
    BORDER-RIGHT: #aaaaaa thin solid;
    BORDER-TOP: #eeeeee thin solid;
    BORDER-LEFT: #eeeeee thin solid;
    BORDER-BOTTOM: #aaaaaa thin solid;
    BACKGROUND-COLOR: #ffffff; /*#d0d0d0; */
    text-align: left;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    VERTICAL-ALIGN: top;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WHITE-SPACE: nowrap;
    TEXT-ALIGN: center;
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 2px;
}
TR
{
 	padding: 2px; 
 	/*cellspacing: 0;*/
}
TR.firstRow
{
 	padding-top: 12px; 
}
TR.header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
	 vertical-align: middle;
    /*VERTICAL-ALIGN: center;*/
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #bbbbff;
    TEXT-ALIGN: center;
	BORDER-BOTTOM: 4px solid #0000ff;    
	BORDER-TOP: 0;    
	BORDER-LEFT: 0;    
	BORDER-RIGHT: 0;    
}
TR.footer
{
/*    BORDER-RIGHT: black 1px solid; */
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: top;
/*    BORDER-BOTTOM: black 1px solid; */
    FONT-FAMILY: Arial;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #d0d0d0;
    TEXT-ALIGN: left;
}
TR.index
{
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: top;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
}
TR.value
{
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: top;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
}
tr.selected, tr.selected td, td.selected
{
    COLOR: black;
	background-color: #eeeefe;
}
TR.oddRow
{
    COLOR: black;
   	background-color:#F3ECE6;
    padding: 0;
}
TR.evenRow
{
    COLOR: black;
    background-color:#D3CCC6;
/*-	background-color:#E3DCD6; */

    padding: 0;
}
tr.fillerRow {
    BACKGROUND-COLOR: #FAFAFA;
	border-bottom: 0;    
    border: 0;
    padding: 0;
}
tr.validationError, tr.validationError td, td.validationError {
    color: rgb(221,44,0);
	font-weight: 500;
	border-bottom: 0;    
    border: 0;
    padding: 0;
}
tr.error, tr.error td, td.error {
    color: rgb(221,44,0);
	font-weight: 500;
	border-bottom: 0;    
    border: 0;
    padding: 0;
}
tr.validationWarning, tr.validationWarning td, td.validationWarning {
    color: #FF9944;
	border-bottom: 0;    
    border: 0;
    padding: 0;
}
tr.bottomBorder, tr.bottomBorder td, td.bottomBorder {
	border-bottom: 1px solid #111177;
}
tr.bottomBoldBorder, tr.bottomBoldBorder td, td.bottomBoldBorder {
	border-bottom: 2px solid #111177;
}
tr.topBorder, tr.topBorder td, td.topBorder {
	border-top: 1px solid #111177;
}
tr.topBoldBorder, tr.topBoldBorder td, td.topBoldBorder {
	border-top: 2px solid #111177;
}
tr.bottom-thin-border, tr.bottom-thin-border td, td.bottom-thin-border, tr.bottom-thin-border th, th.bottom-thin-border {
	border-bottom: 1px solid #d0d0d0;
}



tr.noborder, tr.noborder td, td.noborder {
	border: 0;
}

TD
{
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 6px;
}
TD.horizBorder
{
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
	border-bottom: 1px solid #111177;
}

TD.dataGridHeader
{
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
	border-bottom: 1px solid #111177;
}

TD.rightBorder
{
	border-right: 1px solid #111177;
}

TD.leftBorder
{
	border-left: 1px solid #111177;
}

TD.bottomBorder
{
	border-bottom: 1px solid #111177;
}

TD.rightBoldBorder
{
	border-right: 2px solid #111177;
}

TD.leftBoldBorder
{
	border-left: 2px solid #111177;
}

TD.bottomBoldBorder
{
	border-bottom: 2px solid #111177;
}


TD.topBoldBorder
{
	border-top: 2px solid #111177;
}

TD.rightBoldBorderGray
{
	border-right: 2px solid #B2AFAC;
}

TD.leftBoldBorderGray
{
	border-left: 2px solid #B2AFAC;
}

TD.bottomBoldBorderGray
{
	border-bottom: 2px solid #B2AFAC;
}

TD.topBoldBorderGray
{
	border-top: 2px solid #B2AFAC;
}

TD.dataGrid, TD.dataBoldGrid
{
    FONT-SIZE: 11px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: right;   
}
TD.dataGrid
{
	border-right: 1px solid #060608;
}
TD.dataBoldGrid
{
	border-right: 2px solid #060608;
}

TD.summary
{
    FONT-SIZE: 11px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 1px;
    padding-top: 6px;
    padding-bottom: 6px;
	border-top: 1px solid #111177;
	border-bottom: 1px solid #111177;
    text-align: right;
	
}



TD.header
{
	border-bottom: 4px solid #111177;    
}
TD.tab
{
    BORDER-RIGHT: #FAFAFA thin solid;
    BORDER-TOP: #eeeeee thin solid;
    BORDER-LEFT: #FAFAFA thin solid;
    BORDER-BOTTOM: #FAFAFA 1px solid;
    BACKGROUND-COLOR: #d0d0d0;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WHITE-SPACE: nowrap;
    TEXT-ALIGN: center;
}

TD.selectedTopTab 
{
	background-color:#E3DCD6;
}

TD.selectedTab
{
    BORDER-RIGHT: #aaaaaa thin solid;
    BORDER-TOP: #FAFAFA thin solid;
    BORDER-LEFT: 0;
    BORDER-BOTTOM: 0;
    BACKGROUND-COLOR: #FAFAFA;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WHITE-SPACE: nowrap;
    TEXT-ALIGN: center;
}
TD.hoverTab
{
    BORDER-RIGHT: #aaaaaa thin solid;
    BORDER-TOP: #FAFAFA thin solid;
    BORDER-LEFT: 0;
    BORDER-BOTTOM: 0;
    BACKGROUND-COLOR: #EAEAEA;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WHITE-SPACE: nowrap;
    TEXT-ALIGN: center;
}
TD.emptyTab
{
    BACKGROUND-COLOR: #EAEAEA;
    BORDER-RIGHT: 0;
    BORDER-TOP: #FFFFFF thin solid;
    BORDER-LEFT: 0;
    BORDER-BOTTOM: #FAFAFA 1px solid;
}
TD.fillerTab
{
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    BORDER-BOTTOM: 0;
    BACKGROUND-COLOR: #FAFAFA;
    VERTICAL-ALIGN: top;
}
TD.empty
{
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-RIGHT: 0;
    BORDER-TOP: #FFFFFF thin solid;
    BORDER-LEFT: 0;
    BORDER-BOTTOM: #FAFAFA 1px solid;
}
TD.strongLabel
{
    FONT-WEIGHT: bold
}
TD.tableheader
{
    BORDER-RIGHT: #000000 thin outset;
    BORDER-TOP: #cccccc thin outset;
    BORDER-LEFT: #cccccc thin outset;
    BORDER-BOTTOM: #000000 thin outset
}
tr.searchResultsTitle, tr.searchResultsTitle td, .searchResultsTitle
{
   TEXT-ALIGN:center;
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 1px;
    padding-right: 1px;
	border-bottom: 1px solid #111177;
}
TD.searchResultsTitleTop
{
   TEXT-ALIGN: left;
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 8px;
    text-align: center;
/*-	border-bottom: 1px solid #111177; */
}
tr.vertical, tr.vertical td, td.vertical
{
/*	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	*/
	writing-mode: tb-rl;
/*
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
*/		
	filter: flipv fliph;
	height: 36px;
	width: 30px;
/*	
	width: auto;
*/
	text-align: right;
	vertical-align: top; 
}
tr.bold, tr.bold td, td.bold
{
	font-weight:bold;
}

td.switch-app-mode {
	width: 50px;
}

td.admission
{
	background-color: #FAAAAA;
}

td.screening
{
	background-color: #FFE4B5;
}


td.counseling 
{
	background-color: #FFE4B5;	
}

td.supply
{
	background-color: #FFFACD;
}

td.exit
{
	background-color: #AAAAEA;
}

td.start
{
	background-color: #BABFBA;
}

td.end
{
	background-color: #BADFBA;
}

td.horizontalSpacer, th.horizontalSpacer
{
    padding-left: 10px;
    padding-right: 10px;
}

td.horizontalSpacerLeft, th.horizontalSpacerLeft
{
    padding-left: 10px;
}

td.horizontalSpacerRight, th.horizontalSpacerRight
{
    padding-right: 10px;
}

td.verticalSpacer, th.verticalSpacer
{
    padding-top: 10px;
    padding-bottom: 10px;
}

td.horizontalSpacerLeftLarge, th.horizontalSpacerLeftLarge
{
    padding-left: 60px;
}

tr.center-align, tr.center-align td, tr.center-align th, td.center-align, th.center-align
{
    text-align: center;
}

tr.left-align, tr.left-align td, tr.left-align th, td.left-align, th.left-align
{
    text-align: left;
}

tr.right-align, tr.right-align td, tr.right-align th, td.right-align, th.right-align
{
    text-align: right;
}

tr.vertical-align-top, tr.vertical-align-top td, tr.vertical-align-top th, td.vertical-align-top, th.vertical-align-top
{
    vertical-align: top;
}

tr.vertical-align-central, tr.vertical-align-central td, tr.vertical-align-central th, td.vertical-align-central, th.vertical-align-central
{
    vertical-align: middle;
}

tr.vertical-align-bottom, tr.vertical-align-bottom td, tr.vertical-align-bottom th, td.vertical-align-bottom, th.vertical-align-bottom
{
    vertical-align: bottom;
}


TR.searchResultsNum
{
   TEXT-ALIGN:right;
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 1px;
    padding-right: 1px;
}
TR.searchResultsAlpha
{
   TEXT-ALIGN:left;
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 1px;
    padding-right: 1px;
}

TD.projectListImage
{
   TEXT-ALIGN: right;
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 6px;
	border-bottom: 1px solid #111177;
	height: 80px;
}
img.projectListImage
{
	height: 80px;
}

TD.projectImageLeft
{
   TEXT-ALIGN: right;
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 6px;
	border-bottom: 1px solid #111177;
	height: 260px;
}
TD.projectImageRight
{
   TEXT-ALIGN: left;
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 6px;
	border-bottom: 1px solid #111177;
	height: 260px;
}
TD.projectImage
{
   TEXT-ALIGN: center;
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana,arial,sans-serif;
    padding-left: 6px;
	border-bottom: 1px solid #111177;
	height: 260px;
}

td.pageTitle
{
	font-size: 20pt;
	font-family: verdana,arial,sans-serif;
	font-weight:lighter;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
	color: #FF6600;    
}       

td.passportWelcome
{
	padding-top:90px;
	padding-left:40px;
    padding-bottom: 16px;
	font-size: 10pt;
	font-family: verdana,arial,sans-serif;
	height:300px;
	width:250px;
}

td.passportAnswer
{
    padding-left: 10px;
    padding-right: 20px;
}

td.passportFilledAnswer
{
    padding-left: 10px;
    padding-right: 20px;
    text-align:left;
}


td.passportProgress
{
	width: 80px;
    padding-left: 10px;
    padding-right: 10px;
}

td.passportProgressSpacer
{
    padding-left: 10px;
    padding-right: 10px;
}

td.passportProgressSelected
{
	width: 80px;
    padding-left: 10px;
    padding-right: 10px;
    border-width:medium;
    border-style:solid;
    border-color:#7C0D6C;
}

td.passportNavigation
{
	width: 80px;
    padding-left: 20px;
    padding-right: 0px;
}

td.passportResults
{
	width:260px;
	border-style:solid;
	border-width:thin;
	border-color:#443311;
}



/* Horizon colors: */

td.horizonLighterBlue, th.horizonLighterBlue, tr.horizonLighterBlue td, tr.horizonLighterBlue th
{
	color: #000000;
	background-color: #5AC9E5;
}

td.horizonLightestBlue, th.horizonLightestBlue, tr.horizonLightestBlue td, tr.horizonLightestBlue th
{
	color: #000000;
	background-color: #CDE0F0;
}

td.horizonLightestOrange, th.horizonLightestOrange, tr.horizonLightestOrange td, tr.horizonLightestOrange th
{
	color: #000000;
	background-color: rgba(234, 165, 83, 0.19);
}


td.horizonData, th.horizonData, tr.horizonData td
{
    padding-left: 1px;
    padding-right: 6px;
    FONT-FAMILY: arial,verdana,sans-serif; 
    FONT-SIZE: 80%;
	font-weight: 400;
	font-style:italic;
	color: #000000;
	border: none;
}

/* Horizon colors for Matrrial design: */

md-checkbox.md-checked.horizon-lighter-blue .md-icon {
 background-color: #5AC9E5;
}

md-checkbox.md-checked.horizon-lightest-blue .md-icon {
 background-color: #CDE0F0;
}

md-checkbox.md-checked.horizon-green .md-icon {
 background-color: rgba(0, 255, 0, 0.87);
}

/* End of Horizon colors for Matrrial design. */


li.helpTopic
{
	line-height: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
}

img.projectImage
{
	height: 260px;
}

IMG.welcomeHeader
{
	height: 80px
}


span.smallCheckbox
{
    FONT-SIZE: 8px;
}
span.validationError
{
    color: rgb(221,44,0);
	font-weight: 500;
	border-bottom: 0;    
    border: 0;
    padding: 0;
}
p.sectionHeader
{
	font-size: 14px;
	padding-left:20px;
	padding-top:6px;
	padding-bottom:2px;
}

p.condensed {
    font-size: 0.8em;
    line-height: 1.0;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}



/* Angular styles */
/* For alternating table rows:*/
.odd {
	background:rgba(255,255,255,.95);
	opacity: .80;
}
/*
.odd:hover  {
    opacity:1;
}
*/


/* AngularJS material progress bar styling */
/*
md-progress-linear {
	height: 20px;
}

md-progress-linear .md-container {
	height: 20px;
}

md-progress-linear .md-bar {
    height: 20px;
}

md-progress-linear .md-dashed:before {
    height: 20px;
}
md-progress-linear  .md-bar1 { 
    background-color: rgb(55,204,18);
}
*/

     md-progress-linear.md-warn .md-container {
        background-color: rgb(55,204,18);
    }

     md-progress-linear[md-mode=buffer].md-warn .md-bar1 {
        background-color: rgb(55,204,18);
    }

/* END of AngularJS material progress bar styling */


.success
{
    color:rgb(55,204,18);
	font-weight: bold;
}


.validationError
{
    color: rgb(221,44,0);
	font-weight: 500;
}

/*
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }
*/

/* height and width stuff, width not really nessisary. */
/*
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }
*/


legend 
{
  white-space: nowrap;
}

legend.horizon
{
  white-space: nowrap;
    display: block;
    width:inherit;
    padding: 6px;
    margin-bottom: 10px;
    font-size: 120.01%;
    line-height: inherit;
/*    color: inherit; */
	color: #1E7DAF;
    border: 0;
    border-bottom: 0;
}

span.muacRed
{
    background-color: rgb(221,44,0);
}

span.muacOrange
{
    background-color: #ff9944;
}

span.muacYellow
{
    background-color: #ffd800;
}

span.muacGreen
{
    background-color: #baffba;
}

span.muacNone
{
    background-color: #ffffff;
}


ul.floatLeft {
    float: left;
    width: 100%;
    padding: 0;
    margin :0;
    list-style-type: none;
}

ul.large {
	font-size: 1.2em;
}

li.floatLeft {
    float: left;
}

li.smallMargin {
    margin: 2px;
}



div.zscore-chart
{
    line-height: 400px;
	height: 400px;
}

div.geo-chart
{
    line-height: 400px;
	height: 400px;
	column-width: 250px;
	width: 250px;
}

chart-title {
   text-align: center;
}
 

div.welcomeMessage
{
	width: 500px;
	padding-left: 20px;
	padding-top: 30px;
	padding-bottom: 40px;
}

div.content
{
	background-color: #E3DCD6; 
}

div.passportWelcome
{
	padding-left: 20px;
	padding-top: 30px;
	padding-bottom: 40px;
	width: 100%; 
	background-image: url(../images/PassportBackground_900w_50.jpg); 
	background-repeat: no-repeat;
}


/* CVA Goals and Groupd*/

div.horizonGoals, div.pdhItemGroup, fieldset.horizon
{
	margin-top:10px; 
	margin-bottom:10px; 
	margin-left:10px; 
	margin-right:10px; /*50px; */
	padding-left:20px; 
	padding-right:20px; 
	padding-top:10px; 
	padding-bottom:10px; 
	border-radius:12px; 
	border: 1px solid; 
	border-color:#1E7DAF; /*.wviBlueSolidBrush*/
/*   	background-color: white; */ /* #F3ECE6; *//* same as oddRow and td.tab */
	background-color: #E3DCD6; /* make it match the div.content color */
}

div.horizonHelp 
{
	margin: 0px;
	FONT-SIZE: 90.01%; /*12px;*/
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
	margin-top:20px; 
	margin-bottom:20px; 
	margin-left:10px; 
	margin-right:40px; 
	padding-left:20px; 
	padding-right:20px; 
	padding-top:20px; 
	padding-bottom:20px; 
	border-radius:12px; 
	border: 1px solid; 
	border-color:#1E7DAF; /*.wviBlueSolidBrush*/
   	background-color: white; /* #F3ECE6; *//* same as oddRow and td.tab */
}


.footer {
	width:auto;
	clear:both;
	height:50px;
	min-height:55px;
	margin: 0px;
	padding: 0px;
	margin-top: 30px;
	text-align:center;
/*	background-color: #7E0C6E;  */
	background-color: #F38107;
	font-size:12px;
	line-height: 50px;
	color: #fff;
	}

#banner {
	height: 70px; width: 960px; background-image: url(../images/CMAMwvncoeMasthead4.gif); background-repeat: no-repeat;
}

#passportBanner {
	height: 40px; 
	width: 960px; 
    FONT-SIZE: 40px;
    FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left:60px;
	color: #CCADBC;    
	background-image: url(../images/PassportMasthead.gif); 
	background-repeat: no-repeat;
}





div.greenCircle { 
	background: url(../images/CircleGreen16x16.png) no-repeat top left; 
}

div.yellowCircle { 
	background: url(../images/CircleYellow16x16.png) no-repeat top left; 
}

div.redCircle { 
	background: url(../images/CircleRed16x16.png) no-repeat top left; 
}


/*
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
*/

input.no-spin-button::-webkit-inner-spin-button, 
input.no-spin-button::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}




/* Accordion styles *************************/
/*
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active-accordion, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active-accordion:after {
  content: "\2212";
}
*/
/* The panel that gets shown or hidden: */
/*
.panel-accordion {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
*/
/* END of Accordion styles *************************/





/* GENERIC CLASSES START */
.clear-both {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}
.float-left {
	float:left !important;
}
.float-right {
	float:right !important;
}
/* Hides and shrinks the space: */
.hide {
	display:none !important;
}
/* Makes hidden, but keeps the space: */
.hidden {
	visibility:hidden;
}
.line-through {
	text-decoration: line-through;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-left-10 {
	margin-left:10px;
}
.margin-top-20 {
	margin-top:20px;
}
.margin-right-5 {
	margin-right:5px;
}
.no-margin {
	margin:0px !important;
}
.no-padding {
	padding:0px !important;
}
.text-center {
	text-align:center;
}
/* GENERIC CLASSES END */





/* Tablescroll */

.tablescroll
{ font: 12px normal Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; background-color:#fff; }
 
.tablescroll td, 
.tablescroll_wrapper,
.tablescroll_head,
.tablescroll_foot
{ 
	border:0px solid #ccc; 
}

.tablescroll td
{ padding:3px 5px; }
 
.tablescroll_wrapper
{ border-left:0; }
 
.tablescroll_head
{ font-size:11px; font-weight:bold; background-color:#eee; border-left:0; border-top:0; margin-bottom:3px; }
 
.tablescroll thead td
{ border-right:0; border-bottom:0; }
 
.tablescroll tbody td
{ border-right:0; border-bottom:0; }
 
.tablescroll tbody tr.first td
{ border-top:0; }
 
.tablescroll_foot
{ font-weight:bold; background-color:#eee; border-left:0; border-top:0; margin-top:3px; }
 
.tablescroll tfoot td
{ border-right:0; border-bottom:0; }


/* End of tablescroll */

/* Tooltip */


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 600px; 
  background-color: #bababa; /* Use one of the existing colors */
  color: #000000;
  font-size: 0.7em;
  font-weight: 300;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: 0px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* End of the tooltip */


/*
#navigation {background:#FFFFFF none repeat scroll 0 0;color:#000000;height:30px;margin:0;padding-left:30px;width:960px;}
*/

#navigation {background:#FFFFFF none repeat scroll 0 0;color:#000000;margin:0;}

#navigation ul {list-style-type:none;margin:0;padding-top:9px;}

#navigation li {margin-top:8px; border-right:1px solid #000000;float:left;font-size:12px;line-height:12px;padding-left:6px;padding-right:6px;}
#navigation li.last {border-right:0px solid #000000;}
#navigation li.logout {float:right;padding-right:240px;}

#navigation a{color: #000; text-decoration: none; padding-left: 6px; padding-right: 6px;}
/* a#logout {color: #7E0C6E;} */
a#logout {color: #FF6600;}
	
/* #content {width: 960px; height: 250px;background-color: #E3DCD6; } */
/* #content {background-color: #E3DCD6; } */
/* #aspnetForm, #tallySheetForm, #systemUserForm, #welcomeForm, #searchWeeklyData  {width:580px; height:250px; float: left; padding-left: 40px; } */
#aspnetForm, #tallySheetForm, #systemUserForm, #welcomeForm, #searchWeeklyData  {float: left; padding-left: 20px; }

#tallySheetForm {width:465px;}
#systemUserForm {width:280px;}
#welcomeForm {width:420px;}
#welcomeForm .legend{font-size: 18pt;padding-top:30px;}
#tallySheetForm INPUT, #systemUserForm INPUT {width: 140px;}
#aspnetFormPicture {width:340px; height:250px; float: right;}
#tallysheetFormPicture {width:420px; height:250px; float: right;}
#systemUserFormPicture {width:635px; height:250px; float: right;}
#welcomeFormPicture {width:490px; height:250px; float: right;}
#RawDataSearchTable {width:570px;}
#SearchResults {background: #fff;padding-left:40px;padding-top:30px;}
#SearchResults SPAN {padding-left: 10px;}
#welcomeButtonsWrapper {background-color:#FFFFFF;float:left;width:960px;}
#formButtons, #statusData, #welcomeButtons {background-color:#FFFFFF;padding-left:40px;padding-top:30px;}
#welcomeButtons DIV {min-height:250px; float: left; width: 85px; margin-right: 30px; text-align:center; color: #9A887D}
#welcomeButtons A {padding-bottom: 5px;}
#formButtons, #statusData {height:40px;}
#welcomeDescription {width: 460px; padding-bottom: 30px; padding-right: 30px; float: right; display: block; color:#404040;}

#ctl00_Content_tallySheetButton_en {float: left; width: 85px; height:85px; background-image: url(../images/TallySheetInputsButtonDarkOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_tallySheetButton_en:hover {float: left; width: 85px; height:85px; background-image: url(../images/TallySheetInputsButtonLightOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_reportButton_en {float: left; width: 85px; height:85px; background-image: url(../images/REPORTbuttonDarkOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_reportButton_en:hover {float: left; width: 85px; height:85px; background-image: url(../images/REPORTbuttonLightOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_rawDataButton_en {float: left; width: 85px; height:85px; background-image: url(../images/RAWDATAbuttonDarkOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_rawDataButton_en:hover {float: left; width: 85px; height:85px; background-image: url(../images/RAWDATAbuttonLightOrange.gif); background-repeat: no-repeat;}

#ctl00_Content_tallySheetButton_en-US {float: left; width: 85px; height:85px; background-image: url(../images/TallySheetInputsButtonDarkOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_tallySheetButton_en-US:hover {float: left; width: 85px; height:85px; background-image: url(../images/TallySheetInputsButtonLightOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_reportButton_en-US {float: left; width: 85px; height:85px; background-image: url(../images/REPORTbuttonDarkOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_reportButton_en-US:hover {float: left; width: 85px; height:85px; background-image: url(../images/REPORTbuttonLightOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_rawDataButton_en-US {float: left; width: 85px; height:85px; background-image: url(../images/RAWDATAbuttonDarkOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_rawDataButton_en-US:hover {float: left; width: 85px; height:85px; background-image: url(../images/RAWDATAbuttonLightOrange.gif); background-repeat: no-repeat;}

#ctl00_Content_tallySheetButton_fr {float: left; width: 85px; height:85px; background-image: url(../images/FicheDePointageButtonDarkOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_tallySheetButton_fr:hover {float: left; width: 85px; height:85px; background-image: url(../images/FicheDePointageButtonLightOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_reportButton_fr {float: left; width: 85px; height:85px; background-image: url(../images/RapportsButtonDarkOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_reportButton_fr:hover {float: left; width: 85px; height:85px; background-image: url(../images/RapportsButtonLightOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_rawDataButton_fr {float: left; width: 85px; height:85px; background-image: url(../images/DonneesBrutesButtonDarkOrange.gif); background-repeat: no-repeat;}
#ctl00_Content_rawDataButton_fr:hover {float: left; width: 85px; height:85px; background-image: url(../images/DonneesBrutesButtonLightOrange.gif); background-repeat: no-repeat;}


/* #ctl00_Content_searchButton {margin-right:20px; float: left; width: 64px; height:40px; background-image: url(../images/SearchBrownButton.gif); background-repeat: no-repeat;} */
/*
#ctl00$Content$searchButton {margin-right:20px; float: left; width: 64px; height:40px; background-image: url(../images/SearchBrownButton.gif); background-repeat: no-repeat;} 
.searchButton {margin-right:20px; float: left; width: 64px; height:40px; background-image: url(../images/SearchBrownButton.gif); background-repeat: no-repeat;}
#ctl00_Content_searchButton:hover {width: 64px; height:40px; background-image: url(../images/SearchBrownRollOver.gif); background-repeat: no-repeat;}
#ctl00_Content_saveButton {float: left; width: 64px; height:40px; background-image: url(../images/SaveBrownButton.gif); background-repeat: no-repeat;}
#ctl00_Content_saveButton:hover {width: 64px; height:40px; background-image: url(../images/SaveBrownRollOver.gif); background-repeat: no-repeat;}
#ctl00_Content_saveCsvButton {float: left; width: 64px; height:40px; background-image: url(../images/ExportCSVBrownButton.gif); background-repeat: no-repeat;}
#ctl00_Content_saveCsvButton:hover {width: 64px; height:40px; background-image: url(../images/ExportCSVBrownRollOver.gif); background-repeat: no-repeat;}
#ctl00_Content_saveInputsButton {float: left; width: 85px; height:85px; background-image: url(../images/SaveInputsBrownButton.gif); background-repeat: no-repeat;}
#ctl00_Content_saveInputsButton:hover {float: left; width: 85px; height:85px; background-image: url(../images/SaveInputsBrownRollOver.gif); background-repeat: no-repeat;}
#ctl00_Content_enterButton {float: left; width: 85px; height:85px; background-image: url(../images/ENTERBrownButton.gif); background-repeat: no-repeat;}
#ctl00_Content_enterButton:hover {float: left; width: 85px; height:85px; background-image: url(../images/ENTERBrownRollOver.gif); background-repeat: no-repeat;}
*/
.clear {clear:both;}
.noBorder {BORDER-LEFT-COLOR: transparent; BORDER-BOTTOM-COLOR: transparent; BORDER-TOP-COLOR: transparent; BORDER-RIGHT-COLOR: transparent;
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
.h28 {height: 28px;}
/*
.legend {font-size: 18pt; color: #7C0D6C; padding-top: 20px; padding-bottom: 30px;}
*/
.legend {font-size: 18pt; color: #FF6600; padding-top: 20px; padding-bottom: 30px;} 
.legend IMG {margin-left:-40px;margin-top:-20px;}
.SearchResults {clear: both;}
.rdsinputone, .rdsinputtwo {float:right; width:140px;}
.rdsinputone {margin-right:30px;width:140px}
.rdsinput {margin-left:7px;}
.formLeft{float:left;width:250px;}
.formRight {float:right;width:320px;}
#tallySheetForm .formRight {width: 200px;}
#systemUserForm .formRight {width: 245px;}
.row {line-height:18px;height:26px;clear:both;}
.cell{line-height:18px;}
.cellL {float:left;}
.cellR {float:right;}
#admin {display: none;}
#others {display: inline;}