/* sample css file - not for general use but shows good structure */

/* BASE OBJECT STYLES */
	BODY { margin: 0px 0px 0px 0px; padding: 0px; background: #000000; color: #373636; }
	BODY, TD, P, INPUT, OPTION, SELECT, TEXTAREA, PRE { font-family: arial, verdana, 'sans-serif'; font-size: 14px; }
	INPUT, TEXTAREA, SELECT { border-width: 1px; border-color: #AAAAAA; }
	INPUT { vertical-align: text-bottom; }
	IMG { border: 0px; display: inline; }
	FORM { margin: 0px; }
	A:link, A:active, A:visited { color: #1144BB; text-decoration: none; }
	A:hover { text-decoration: underline; }
	P { line-height: 1.3em }
	TABLE { empty-cells: show; border-collapse: collapse;  }


/* HEADER ELEMENTS */
	#navTabsSurround { padding: 0px 5px 0px 150px; }
	#navStatusBar TD { color: #FFFFFF; font-size: 12px; }
	#helpLink { padding: 0px 0px 0px 10px; }
	#logoutLink { padding: 0px 10px 0px 10px; }
	
	/* CREDIT BOX STYLES */
		.creditsLabel, .creditsValue { color: white; font-size: 10px; text-align: right; }
		.creditsLabel { padding-right: 5px; }
		.creditsValue { padding: 0px 20px 0px 0px; }
		.creditsValue A:link, .creditsValue A:active, .creditsValue A:visited { color: #FFFFFF; text-decoration: underline; }
		.creditsValue A:hover { text-decoration: none; }

/* FOOTER ELEMENTS */
	#footer a:link, #footer a:active, #footer a:visited { color: #cccccc; text-decoration: underline; }
	#footer a:hover { text-decoration: none; }
	#footer { background: #FFFFFF; background-position: top left; background-repeat: repeat-x; }
	#dateTime { padding: 3px 10px 0px 10px; color: #FFFFFF; text-align: right; white-space: nowrap; }
	#copyright { padding: 3px 0px 0px 0px; color: #CCCCCC; font-size: 10px; white-space: nowrap; }
	
	/* SITE CHOOSER STYLES */
		#siteChooser { padding: 5px; background: #006599; }
		#siteChooser TD { padding-right: 5px; }
		#footerSiteSelect { background: #CECECE; }
	

/* BODY ELEMENTS */
	#masterContainer { background: #FFFFFF; background-image: url('/images/bg.jpg'); background-repeat: no-repeat; background-position: center; padding: 0px 0px 0px 0px; }
	#breadcrumb { font-size: 14px; font-weight: bold; color: #FFFFFF; padding: 3px 0px 7px 0px; }
	#breadcrumb TD { font-size: 14px; font-weight: bold; color: #FFFFFF; }
	#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited { color: #FFFFFF; text-decoration: underline; }
	#breadcrumb a:hover { text-decoration: none; }
	#refreshBox { padding-right: 20px; }
	#refreshDuration { color: #FFFFFF; padding-left: 5px; font-weight: bold; }

/* GENERAL CONTAINER ELEMENTS */
	.containerBox { padding: 0px 10px 10px 0px; }
	.titleCorner { background: #993300; }
	.title, .errorTitle, .collapseIcon { background: #993300; padding: 3px; height: 19px; white-space: nowrap; text-transform: capitalize; }
	.title, .errorTitle { color: #FFFFFF; font-size: 10px; font-weight: bold; }
	.collapseIcon { padding: 2px 4px 0px 2px; }
	.subTitle { border: 1px solid #999999; background: #FFCC66; font-weight: bold; padding: 2px 10px 2px 10px; text-transform: capitalize; }
	.content, .contentFrame, .errorContent { background: #FFFFFF; border: 1px solid #993300; border-top-style: none; border-bottom-style: none; padding: 10px 10px 0px 10px; }
	.standardCornerLeft { background-position: bottom left; background-repeat: repeat-x; }
	.standardCornerRight { background-position: bottom left; background-repeat: repeat-x; text-align: right; }
	
	/* SORT SPECIFIC CLASSES */
		.sortIcon { padding: 0px 0px 0px 5px; }
	
	/* COLLAPSE SPECIFIC CLASSES */
		.collapsable { cursor: pointer; }
		.collapseIconCell { background: #993300; padding: 0px 5px 0px 2px; }
	
	/* MODIFIER BOX - optional box above container contents, often used for filter forms */
		.modifier { background: #ffffff; border-right: 1px solid #993300; border-left: 1px solid #993300; padding: 2px 10px 0px 10px; }
		.inputLabelWrap { float: left; padding: 0px 5px 4px 0px; font-size: 10px; }
		.inputLabelTitle { font-weight: normal; }
		
	/* FUNCTION BOX - optional footer to containers */
		.functionBox { border-top: 1px solid #993300; background: #999999; }
		.functionLeft { background-position: bottom left; background-repeat: repeat-y; }
		.functionRight { background-position: bottom right; background-repeat: repeat-y; }
		.function { border-bottom: 1px solid #993300; padding: 5px; }
	
	/* ERROR CONTAINER SPECIFIC - see above reference to .errorTitle */
		.errorTitleCorner { background: #CE4300; }
		.errorTitle { background: #CE4300; }
		.errorContent { border-color: #CE4300; background: #FFE336; padding-top: 15px; border-left-style: none; }
	
	/* DISPLAY ITEM CONTAINER - see above reference to .content */
		.itemLabel { font-weight: bold; margin: 0px 0px 2px 0px; text-transform: capitalize; }
		.item { margin-bottom: 10px; line-height: 1.4em; }

	/* LISTBOX CONTAINER */
		.listBoxWrapper { border-top: 1px solid #999999; border-width: 1px; border-right: 1px solid #993300; border-left: 1px solid #993300; background: #FFFFFF; padding-bottom: 5px; }
		.listBox { border-collapse: separate; }
		.listBox TD TD { border-style: none; background: none; } /* removes inherited styles so that tables may be used inside of a list item */
		.listBox TD { border-bottom: 1px solid #CCCCCC; border-right: 3px solid #FFFFFF; border-left: 3px solid #FFFFFF; padding: 3px 2px 3px 2px; background: #FFFFFF; }
		TR.listTitleRow TD { background: #D7DFE3; border-bottom: 1px solid #999999; padding: 3px 0px 3px 0px;  border-right-color: #D7DFE3; border-left-color: #D7DFE3; }
		.listBox .listContentRowOn TD, .listBox .listContentRowOddOn TD { background: #FFFF66 !important; border-left-color: #FFFF66 !important; border-right-color: #FFFF66 !important; }
		.listBox .listContentRowOver TD, .listBox .listContentRowOddOver TD { background: #FFFFAA !important; border-left-color: #FFFFAA !important; border-right-color: #FFFFAA !important; }
		.listContentRowOdd TD { background: #F3F3F3; border-left-color: #F3F3F3; border-right-color: #F3F3F3; }
		.listBox .columnOver { background: #EFEAE7 !important; border-left-color: #EFEAE7 !important; border-right-color: #EFEAE7 !important; }
		.listBox .columnOn { background: #EDE0C2 !important; border-left-color: #EDE0C2 !important; border-right-color: #EDE0C2 !important; }
		.icon { padding: 0px 5px 0px 0px; }
		.iconLink { padding-right: 12px; }
		.sortArrow { padding: 2px 0px 0px 7px; }
		.listLink { padding-right: 10px; }
		
	/* FRAME BOX CONTAINER */
		.frame { padding: 0px; border: 1px solid #993300; border-top-style: none; border-bottom-style: none;}

/* NAV BUTTON STYLES - image buttons at bottom of page */
	.navButton { padding: 0px 5px 10px 0px; }

/* STATUS BAR STYLES - used on status pages */
	#statusBarBackground { border: 1px solid #666666; background: #FFFFFF;}
	#statusBarProgress { background: #FF9900;}

/* SUBMIT BUTTON STYLES - applied by javascript */
	.submitButton, .submitButtonOver { cursor: pointer; }
	.submitButtonOver { color: #990000; background: #DCD9D3; }
	
/* POPUP NOTE STYLES - applied by javascript */
	.note { background: #FFFFCC; border: 1px solid #000000; visibility: hidden; position: absolute; left: 0px; right: 0px; padding: 2px 10px 2px 10px; width: 200px; }