/* ###### General Color Scheme ###### */

/* ### Text Colors ### */
body, p, input, textarea, fieldset, label, .p, .contentheading, .titleboxcurrent, .titleboxcurrent .leftside, .titleboxcurrent .leftside a, .titleboxhold, .titleboxhold .leftside, .titleboxhold .leftside a, .titleboxfuture, .titleboxfuture .leftside, .titleboxfuture .leftside a, #task_summary, .titlebox, .titlebox a, .titleboxcompleted .rightside, .titleboxcompleted, .titleboxcompleted .leftside, .titleboxcompleted .leftside a, .titleboxoverdue .rightside, .titleboxcurrent .rightside, .titleboxhold .rightside, .titleboxfuture .rightside, .titleboxcancelled .rightside, .titleboxdependents .rightside
	{ /* Text Color: */ color : #000000; }
.inactive, .alert, .textfielderror,.alert-sm
	{ /* Text Color: */ color : red; }
.warning
	{ /* Text Color: */ color : orange; }
.success,.success-sm
	{ /* Text Color: */ color : green; }
.active 
	{ /* Text Color: */ color : blue; } 
.overdue, .titleboxoverdue, .titleboxoverdue .leftside, .titleboxoverdue .leftside a, .titleboxdependents, .titleboxdependents .leftside, .titleboxdependents .leftside a, .titlebox .rightside a, .titleboxcancelled, .titleboxcancelled .leftside, .titleboxcancelled .leftside a
	{ /* Text Color: */ color : white; } 
.copyright, .notactive
	{ /* Text Color: */ color : SlateGray; }
.wizardNotCurrent	
	{ /* Text Color: */ color : #929191; }
		
/* ### Background Colors ### */
.overdue
	{ /* background */ background: red; }
.titleboxoverdue	
	{ background : #ffffff url(common_images/titlebar_bg_overdue.gif) repeat-y;	}
.titleboxcurrent	
	{ background : #ffffff url(common_images/titlebar_bg_current.gif) repeat-y; }
.titleboxhold	
	{ background : #ffffff url(common_images/titlebar_bg_hold.gif) repeat-y; }
.titleboxdependents
	{ background : #ffffff url(common_images/titlebar_bg_dependents.gif) repeat-y; }	
.titleboxfuture	
	{ background : #ffffff url(common_images/titlebar_bg_future.gif) repeat-y; }
.titleboxcompleted
	{ background : #ffffff url(common_images/titlebar_bg_completed.gif) repeat-y; }
.titleboxcancelled	
	{ background : #ffffff url(common_images/titlebar_bg_cancelled.gif) repeat-y; }
	
/* ### Borders ### */	
.noborder, .icon, .nomargin, .headertitlebar
	{ /* No Border */ border : 0px; }		
.padborder, fieldset
	{ padding: 5px; }
.textfielderror
    { /* Single Border Color: */ border : 1px solid #ff0000; }
.titlebox, .titleboxoverdue, .titleboxdependents, .titleboxcurrent, .titleboxhold, .titleboxfuture, .titleboxcompleted, .titleboxcancelled, .toprow, .hdrgrey, .addedit, .toprow_vertical, button
	{ /* Border With Top Left Light Source */ border-left: white 1px solid; border-top: white 1px solid; border-right: gray 1px solid; border-bottom: gray 1px solid; }
.addeditover, .buttonhover
	{ /* Border With Bottom Right Light Source */ border-left: gray 1px solid; border-top: gray 1px solid; border-right: white 1px solid; border-bottom: white 1px solid; }
.addeditover marquee
{ cursor: hand;}
/*  ##### Graph Colors #### */
.graph_legend_current
	{ background : #00ff00; color : #000000; font-size : xx-small; text-align : right; text-transform : capitalize; }
.graph_legend_overdue
	{ background : #ff0000; color : #ffffff; font-size : xx-small; text-align : right; text-transform : capitalize; }
.graph_legend_hold
	{ background : #FFFF80; color : #000000; font-size : xx-small; text-align : right; text-transform : capitalize; }
.graph_legend_dependents
	{ background : #ff8000; color : #ffffff; font-size : xx-small; text-align : right; text-transform : capitalize; }
.graph_legend_future
	{ background : #D5FFD5; color : #000000; font-size : xx-small; text-align : right; text-transform : capitalize; }
.graph_legend_completed
	{ background : #c0c0c0; color : #000000; font-size : xx-small; text-align : right; text-transform : capitalize; }
.graph_legend_cancelled
	{ background : #808080; color : #ffffff; font-size : xx-small; text-align : right; text-transform : capitalize; }
.graph_legend_none
	{ background : #ffffff; color : #000000; font-size : xx-small; text-align : right; text-transform : capitalize; }												
	
/* ###### Sizes ###### */
body, .tabdefaulttop, .tabdefaultbottom, .tabmessagerow, .contentheading, .tabselectedtop, .tabselectedbottom, .tabselectedthird, .tabovertop, .taboverbottom, .information, .note, .alert, .warning, .success, .titlebox, .titleboxoverdue, .titleboxdependents, .titleboxcurrent, .titleboxhold, .titleboxfuture, .titleboxcompleted, .titleboxcancelled, .formCaption, .formCaption2, .formField, .formField2, .wizardCurrent, .wizardNotCurrent, .small
	{ font-size : small; }
select, input, textarea, fieldset, .p, .toprow, .hdrgrey, .addedit, .addeditover, button .addeditover, .row, .linedrow, .whiterow, .altrow, .altrowdark,.success-sm,.alert-sm, .highlightrow, .toprow_vertical, .smaller
	{ font-size : x-small; }
.copyright, .mini, .smallest
	{ font-size : xx-small; }
.bottomrow
	{ font-size : 6px; }
.bottomrow
	{ height : 10px; }
	
/* ###### Decorations ###### */
body, textarea
	{ font-family : Arial, Helvetica, sans-serif; }
a, .nodecorate
	{ text-decoration : none; }
select, .capitalize, .tabdefaulttop, .tabdefaultbottom, .tabmessagerow, .tabselectedtop, .tabselectedbottom, .tabselectedthird, .tabovertop, .taboverbottom, 
/* should we not capitalize these? */
.alert, .warning, .success, .information
	{ text-transform : capitalize; }
.uppercase 
	{ text-transform : uppercase; }  
.lowercase 
	{ text-transform : lowercase; }  
.b, .bold, .tabdefaulttop, .tabdefaultbottom, .tabselectedtop, .tabselectedbottom, .tabselectedthird, .tabovertop, .taboverbottom, .alert, .warning, .success, .titlebox, .titleboxoverdue, .titleboxdependents, .titleboxcurrent, .titleboxhold, .titleboxfuture, .titleboxcompleted, .titleboxcancelled, .wizardCurrent, .required, .contentheading,.success-sm,.alert-sm, .titlebox .leftside
	{ font-weight : bold; }
.i, .italic, .notactive, .note
	{ font-style : italic; }
.u, .underline 
	{ text-decoration : underline; }  
.strikethrough 
	{ text-decoration : line-through; } 
.underline 
	{ text-decoration : underline; }  
.overline 
	{ text-decoration : overline; }  
.blink 
	{ text-decoration : blink; }  
.oblique 
	{ font-style : oblique; }
.smallcaps 
	{ font-variant : small-caps; }
.pagebreak 
	{ page-break-after : always; }
	
/* ###### Alignments ###### */	
.left, .formField, .formField2, .tabselectedthird
	{ text-align : left; }
.center, .tabdefaulttop, .tabdefaultbottom, .tabmessagerow, .tabselectedtop, .tabselectedbottom, .tabovertop, .taboverbottom, .copyright, .addedit, .addeditover, button
	{ text-align : center; }
.right, .formCaption, .formCaption2, .formCaption3, .rightside
	{ text-align : right; }
.justify
	{ text-align : justify; }
.baseline, .wizardCurrent, .wizardNotCurrent, .icon		
	{ vertical-align: baseline; }
.sub	
	{ vertical-align: sub; }
.super	
	{ vertical-align: super; }
.top, .formCaption, .formCaption2, .formCaption3, .formField, .formField2, .formField3, .headertitlebar, .row, .toprow, .hdrgrey, .altrow, .toprow_vertical
	{ vertical-align: top; }
.texttop	
	{ vertical-align: text-top; }
.middle, .addedit, .addeditover, button
	{ vertical-align: middle; }
.bottom	
	{ vertical-align: bottom; }
.textbottom	
	{ vertical-align: text-bottom; }	
	
/* ###### Widths ###### */
/* .addedit, .addeditover
	{ width : 1%; } */
.formCaption3
	{ width : 13%; }	
.formCaption2
	{ width : 15%; }
.formCaption
	{ width : 30%; }
.formField3
	{ width : 20%; }
.formField2
	{ width : 35%; }
.formField
	{ width : 70%; }
.headertitlebar, .bodyWidth
	{ width : 100%; }
.layoutContent	
	{ width : 97%; }
.halfwidth
	{ width : 50%; }	
/* ###### Margins and Padding ###### */
.nomargin, .headertitlebar
	{ margin : 0px; }
.nopadding, .nomargin, .headertitlebar
	{ padding : 0px; }
.formField, .formField2
	{ padding-top : 1px; }
.tabdefaultbottom, .taboverbottom, .tabselectedbottom
	{ padding : .25em; }
	
/* ###### Cursor ###### */
a, button, .icon, .tabdefaulttop, .tabdefaultbottom, .tabmessagerow, .tabselectedtop, .tabselectedbottom, .tabovertop, .taboverbottom, .addedit, .addeditover
	{ cursor : hand; }	

/* ###### Special ###### */
.collapse
	{ display: none; }
.uncollapse	
	{ display:  inline; }
.visible
	{ visibility : visible; }
.invisible
	{ /* Takes up space */ visibility : hidden; }
.helpText
	{ cursor:help; }		
.standardsTBD
    { color : orange; font-weight : bold; }
.toprow_vertical
	{ writing-mode: tb-rl; filter: flipv fliph }