.errorText {

	font-family : sans-serif;

	font-size : 13px;
	font-weight: bold;
	color : #660000;

}

.titleRed {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
	color : #CC0000;
}

.title {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
}

.titleUnderline {

	font-size: 1.2em;
	color: #330066;
	text-decoration: underline;
	font-weight: bold;
	position: relative;
	/** left: 5px; */

}


.deleteTitle {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;		
  	color: #39C;
}

.collageTitle {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;		
  	color: #39C;
}
SPAN.pageLink {
	font-size: 15px;
	color: #669;
	font-weight: bold;
	white-space: nowrap;
}
SPAN.pageLink a{
	font-size: 15px;
	color: #669;
	white-space: nowrap;
}
SPAN.pageLinkSmall {
	color: #669;
	font-weight: bold;
	white-space: nowrap;
}
SPAN.pageLinkSmall a{
	color: #669;
	font-weight: bold;
	white-space: nowrap;
}
SPAN.titleLink {
}

.noUnderLineLink {
	text-decoration : none;
}

TD.tableTitleButton SPAN.titleLink {
	background: #FC6 /*#FC3 #99C*/;
	padding: 2px 1px 4px 3px;
	color: #FFF;
	white-space: nowrap;
}
TD.tableTitleButton SPAN.titleLink a{
	color: #000000;
}
TD.tableTitleButtonRight SPAN.titleLink {
	  color: #39C;
	  text-decoration: none;
	  font-size: 12px;
	  font-weight: bold;
}
TD.tableTitleButtonRight SPAN.titleLink a{
	color: #000000;

}
TD.tableColumn SPAN.titleLink a {
	color: #FFF;
}


.collageTitleLink {

	font-family : sans-serif;

	font-size : 14px;

	color : #FFFFCC;

	background: #999900;

	font-weight: bold;

	letter-spacing : 1px;

	text-decoration : none;

}



td.formElementPrompt {
	text-align: right;
	font-weight: bold;
	padding-left: 25px;
}

td.formElementPromptLeft {
	text-align: left;
	font-weight: bold;
	padding-left: 25px;
}

td.formElement {
	font-family : Arial, Helvetica, sans-serif;
	padding-right: 25px;
}



.formElementRight {

	font-family : sans-serif;

	font-size : 12px;

	color : #000000;

	letter-spacing : 1px;

	text-align : right;

}


.formElementCenter {

	font-family : sans-serif;

	font-size : 12px;

	color : #000000;

	letter-spacing : 1px;

	text-align : center;

}


a {
	color : #669;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
  font-weight: bold;
}



.templateNav {

	background-color: #CCCCCC;

}



.templateContent {

	background-color: #EEEEEE;

}



.templateBreadCrumb {

	background-color: #3333CC;

}



.channelBreadCrumb {

	font-family : sans-serif;

	color : #FFFFFF;

	font-size : 14px;

	text-decoration : none;

}



.channelOff {

	color : Black;

	text-decoration : none;	

}



.channelOn{

	color : Maroon;

	text-decoration : none;

}



body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
.secondandthirdlevelnav {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #99FF00;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	left: 25px;
}
.secondandthirdlevelnav a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.9em;
}

.chosenchannel{
}

.chosenchannel a{
	font-size: 11px;
	color: #996;
	text-decoration: none;
	font-weight: bold;
	/**position: relative;
	//left: 25px;**/
}

.nonchosenchannel a{
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	/**position: relative;
	left: 25px;**/
}

.nonchosenchannel{
}

.thirdLevelChosen a {
  color: #39C;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}
.thirdLevelNonChosen a {
  color: #336;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}
DIV.thirdLevelNav {
  position: relative;
}
DIV.linkbox {
	position:absolute; 
  top:19px; 
  left:-45px; 
  padding:2px 5px 2px 5px;
	background: #FC6;
}
A.linkbox {
	background: #FC6 /*#FC3 #99C*/;
	padding: 2px 1px 2px 3px;
	color: #000000 /*#FFF*/;
	white-space: nowrap;
	font-weight: normal;
}

.leftframe {
	background-image: url(../image/frame/left.jpg);
	background-repeat: repeat-y;
	background-position: right;
	width: 13px;
}
.rightframe {
	background-image: url(../image/frame/right.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 13px;
}
.topframe {
	background-image: url(../image/frame/top_mid.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 15px;
}
.topframeleft {
	background-image: url(../image/frame/top_left.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 15px;
}
.topframeright {
	background-image: url(../image/frame/top_right.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 15px;
}
.reportheader {
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
}
.reportheaderright {
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	border: thin solid #000000;
	background-color: #000000;
	color: #FFFFFF;
}
.report {
	font-family: "Times New Roman", Times, serif;
	font-weight:normal;
}
.detail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

.mainBodyTable{
	
	background-color: #a0bca6;
}

.bodyTitleTable
{
	background-color: #FFFFFF;
}




/* JG Style Classes */
  BODY {
	 margin: 1px;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
	}
	P, TD, INPUT, SELECT {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
  }
	DIV.headerTopBar {
		background: url(clear.gif) #69C;
		width: 100%;
		margin-left: 1px;
		border-bottom: solid 1px #FC6;
		margin-bottom: 0px;
		float:left;
	}
	DIV.headerBranding {
		width: 100%;
    background-image: url(/image/topbar/BARTbanner.jpg);
    background-position: right;/*204px 0px*/;
    background-repeat: no-repeat;
	margin-bottom: 1px;
	float:left;
	
	}
	DIV.topLevelNav {
	/*not really needed*/
		width: 100%;
		background: #669;
		/*padding: 10px 5px 10px 5px;*/
	}	
	TABLE.topNavTable {
		color: white;
		width: 100%;
		background: #669;
		border: 0px solid red;
		border-collapse:collapse;
		padding: 5px 30px 2px 20px;
		float:left;
	}	
	TABLE.subNavTable {
		color: white;
		width: 100%;
		background: #69C;
		margin-left: 0px;
		border-spacing:0px;
		border-collapse:collapse;
		padding:0px;
        border-left: solid 1px white;
        float: left;
        
	}
	
	TABLE.center {margin-left:auto; 
	             margin-right:auto;
	             }
	
	TD.topNavCellOff {
	  border-left: solid 1px white;
		border-bottom: solid 1px white;
		font-size: 12px;
		padding: 5px 30px 2px 20px;
    white-space: nowrap;
    
	}
	TD.topNavCellOn {
		border-left: solid 1px white;
		background: #69C;
		border-bottom: solid 1px #69C;
		font-size: 12px;
    white-space: nowrap; 
       	
	}
	TD.topNavCellOffNoBorder {
		border-bottom: solid 1px white;
		font-size: 12px;
		white-space: nowrap;
		text-align: right;
		color: #FC6;
	
	}
  A.topNavOn {
    color: white;
    font-size: 12px;
    letter-spacing: 0.02em;
    text-decoration: none;
  }
  A.topNavOff {
    color: white;
    font-size: 12px;
    letter-spacing: 0.02em;
    text-decoration: none;
  }
	TD.topNavFirstCellOn {
		border-left: solid 1px white;
		background: #69C;
		border-bottom: solid 1px #69C;
		font-size: 13px;
		font-weight: bold;		
		/*not finished*/		
	}
	TD.topNavFirstCellOff {
	
	}
  TD.topNavRemainderCell {
    border-bottom: solid 1px white;   
    text-align: right;
    padding-right: 5px; 
    padding: 5px 30px 2px 20px;
 		
    
  }
  
	TD.subNavCellOff {
		border-bottom: solid 1px black;
		white-space: nowrap;
		border-top: solid 1px #69C;
		padding: 3px 20px 1px 20px;
		
	}
	TD.subNavCellOn {
		border-left: solid 1px black;
		border-right: solid 1px black;
		border-top: solid 1px black;
		border-bottom: solid 1px #FFF;
		background: #FFF;
		color: #996;
		padding: 3px 20px 1px 20px;	
		white-space: nowrap;
		
	}
  A.subNavOn {
    color: #996;
    text-decoration: none;
    font-size: 11px; 
    font-weight: bold;   
  }
  A.subNavOff {
    color: white;
    text-decoration: none;
    font-size: 11.5px;
    font-weight: 400;
  }
  TD.subNavFrontSpacer {
    border-bottom: solid 1px black;
     border-top: solid 1px #69C;
    padding: 0;
  }
  TD.subNavRemainderCell {
    text-align: right;
    border-bottom: solid 1px black;
    
    padding: 0;
  }
   TD.subNavCopyRightRemainderCell {
    text-align: right;
	color: black;
	font-size: 10px;
    border-bottom: solid 1px black;
    border-top: solid 1px #69C;
    padding: 0;
  } 
	TABLE.navDivider {
		border-left: solid 1px white;
		border-collapse: collapse;
		border-spacing: 0px;
		float:left;
	}
	TD.navDivider {
		background: #69C;
		border-collapse: collapse;
		border-spacing: 0px;
		
	}	
  TABLE.titleTable {
    width: 100%; 
    padding: 0;
  }
  TABLE.infoTable {
    width: 100%; 
    padding: 0;
  }  
  TD.title {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
		color: #000;
  }
	DIV.collageTitle {
	    font-size: 14px;
	    font-weight: bold;
	    white-space: nowrap;		
	  	color: #000;
	}	
	DIV.collageTitle, DIV.collageTitle TD.title, DIV.collageTitle TD.createTitle, DIV.collageTitle TD.deleteTitle, DIV.collageTitle TD.collageTitle  {
	    font-size: 14px;
	    font-weight: bold;
	    white-space: nowrap;		
	  	color: #000;
	}	
  TD.tableTitleButton {
    text-align: left;
  }
  TD.tableTitleButtonRight {
    text-align: right;
  }
	TD.tableTitleButton A {
		font-weight: normal;
		color: #FFF; /*#669*/; 
	
	}
  DIV.actionButton, SPAN.actionButton {
    margin-left: 2px;
    margin-right: 5px;    
  }
  DIV.actionButton A, SPAN.actionButton A {
    border: 0;
  }  
  DIV.dataTable {
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
  }
	DIV.bodyChildContent {
		width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    
	}
	TABLE.dataTable {
		width: 100%;
		border: solid 1px #CC9;
		border-top: none;
		border-bottom: none;
		/*line-height: 25px;*/
	}
TABLE.dataTableGrid {
		width: 100%;
		border: solid 1px #CC9;
		border-top: none;
		border-left: none;
	}

TABLE.help {
		width: 100%;
		border:none;
		border-collapse: collapse;
		float:left;
	}
	TD.tableCellGrid { 
		padding: 3px 10px 3px 6px;
		/*white-space: nowrap;*/
		vertical-align:middle;
		border: solid 1px #CC9;
		border-right: none;
		border-bottom: none;
	}
	TD.tableCellGridYellow { 
		padding: 3px 10px 3px 6px;
		background: #FFCC00;
		vertical-align:middle;
		border: solid 1px #CC9;
		border-right: none;
		border-bottom: none;
	}
	TD.tableColumnGrid {
		padding: 3px 10px 3px 6px;
		vertical-align:middle;
		border: solid 1px #CC9;
		border-right: none;
		border-bottom: none;
	}
	TD.tableColumnGridYellow {
		padding: 3px 10px 3px 6px;
		vertical-align:middle;
		border: solid 1px #CC9;
		border-right: none;
		border-bottom: none;
		background: #FFCC00;
	}
	TR.columnRowGrid {
		background: #69C;
		color: #FFF;
		font-weight: bold;
		/*border: solid 1px #CC9;*/
	}
	TR.evenRowGrid {
		background: #FFF;
		vertical-align:middle;
		/*border: solid 1px #CC9;*/
	}
	TR.oddRowGrid {
		background: #E9E4DF;
		vertical-align:middle;
		/*border: solid 1px #CC9;*/
	}
	TR.columnRow {
		background: #69C;
		color: #FFF;
		font-weight: bold;
    /* doesn't inherit into TDs  
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;    
    */
	}
	TD.tableCell { 
		padding: 3px 10px 3px 6px;
		white-space: nowrap;
		vertical-align:middle;		
	}
	TD.tableColumn {
		padding: 3px 10px 3px 6px;
		vertical-align:middle;		
	}		
	TD.tableColumnButton, TD.tableCellButton {
		text-align: right;
		padding: 4px 0px 3px 0px;
		vertical-align:middle;		
		white-space: nowrap;
	}
	TD.lastColumnBelow {
		padding: 3px 10px 3px 6px;
		white-space: nowrap;
		vertical-align:middle;	
		font-weight: bold;
		color: #FFF;
		background:	#69C;	
	}
	TR.evenRow {
		background: #FFF;
		vertical-align:middle;		
	}
	TR.oddRow {
		background: #E9E4DF;
		vertical-align:middle;		
	}
	DIV.tableDividerDiv {
		height: 1px;
		width: 101%;
		background: #CC9;
		margin: 0 0 0 -1px;
		padding: 0 0 0 0;
		border: none;
	}
	TD.rowDivider {
		background: #CC9;
	}
  TD.workDetailNav {
    text-align: right;
    font-size: 11px;
    font-weight: normal;
    padding: 8px 5px 5px 5px;
  }
  DIV.pageTitle {
    padding: 0 0 5px 0;
    margin:0;
    font-size: 1.25em;
    font-weight: 600;
    border: none;
  }
  TABLE.pageTitleOverline {
    width: 100%;
    background: black;
  }
  TD.pageTitleOverlineMargin {
    background: #FFF;
  }
  DIV.formBox {
    /*width: 90%;*/
    background-color: #E9E4DF;
    border: solid 1px #996;
    margin-left: 5px;
    margin-right: 5px;
  
  }
  /*DIV.collage {
    background-color: #FFF;
    border: solid 1px #CC9;
    margin: 10px;
    padding: 8px 0 8px 20px;
    text-align: center;
  }*/
	DIV.collage2 {
		background-color: #FFF;
		border: solid 1px #FC6 /*#CC9*/;
		border-left: none;
		border-right: none;
		margin: 10px 0 10px 0;
		padding: 8px 10 8px 20px;
		text-align:center;
		
	}
	
	DIV.collage3 {
		background-color: #FFF;
		border: solid 1px #FC6 /*#CC9*/;
		border-left: none;
		border-right: none;
		margin: 10px 0 10px 0;
		padding: 8px 10 8px 20px;
		text-align:left;
		vertical-align:top;
	}
	DIV.collageRed {
		background-color: #FF0000;
		border: solid 1px #FC6 /*#CC9*/;
		border-left: none;
		border-right: none;
		margin: 10px 0 10px 0;
		padding: 8px 10 8px 20px;
		text-align:left;
		vertical-align:top;
	}
	a img {
		border: none;
		text-decoration: none;
	}
	DIV.indentTitle {
		margin-left: 5px;
		margin-right: 5px;
		
	}
	TD.breadcrumbCellOn, TD.breadcrumbCellOff {
		font-size: 10px;
	}
	TD.breadcrumbCellOn A {
		color: #69C;
		font-size: 10px;
		font-weight: normal;
		text-decoration:underline;
	}
	TD.breadcrumbCellOff A {
		color: #000;
		font-size: 10px;
		font-weight: normal;
		text-decoration: underline;
	}

	INPUT.nonEditable
{
	WIDTH: 81px;
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	HEIGHT: 17px; 
	TEXT-ALIGN: right;
	BORDER-BOTTOM-STYLE: none;
	font-weight:bold;
	background-color:#FFFFFF;
}
	INPUT.nonEditableWide
{
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	HEIGHT: 17px; 
	TEXT-ALIGN: left;
	BORDER-BOTTOM-STYLE: none;
	font-weight:bold;
	background-color:#FFFFFF;
}
.nonEditableAlignLeft
{
	WIDTH: 81px;
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	HEIGHT: 17px; 
	TEXT-ALIGN: left;
	BORDER-BOTTOM-STYLE: none;
	font-weight:bold;
	background-color:#FFFFFF;
}
.nonEditableBold
{
	TEXT-ALIGN: left;
	font-weight:bold;
}
.nonEditableSmall
{
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	HEIGHT: 17px; 
	TEXT-ALIGN: left;
	BORDER-BOTTOM-STYLE: none;
	font-size: 10px;
	background-color:#FFFFFF;
}

.noneditableformElementLeft {

	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	font-family : sans-serif;
    BORDER-BOTTOM-STYLE: none;
	font-size : 12px;
    
	color : #000000;
    font-weight:bold;
	letter-spacing : 1px;
    background-color:#FFFFFF;
	text-align : left;

}

.displayOff {
	display : none;
}

.displayOn {
	display : block;
}

.calendarToday {

	font-family : sans-serif;
	font-size: 0.8em;
	color: #330066;
	font-style: italic;
	text-decoration : none;
	position: relative;
	bottom: 0.8em;
}