/*******************************************************************************************
To Do:

1) Break up combined rules that might not be related
2) Cascae - break up by:
	- frames
	- application types

Frames:
TF = top frame
LF = left frame
AF = action frame (includes bottom frame)
RF = right frame

background-color:black (dark blue);		        TF background (used to be black)
background-color:lightsteelblue (light blue);		LF background, sorting (used to be #b3cde8)
background-color:silver (light gray);               AF, RF/TH background, readonly text,
background-color:whitesmoke(off white);			    RF background
background-color:snow;			                    hover
backgorund-color:gainsboro                          children rows backgound

border:silver (light grat);                         child rows (bottom line)

color:black (dark blue);				            LF, AF text (darkblue - used to be #00336)
color:green;                                        label instructions
color:brown;						                hover
color:white;						                text on dark background
color:black;						                RF text
color:darkgreen;				                    RF links
color:darkgoldenrod (tan);				            logon, label_section_no_line, label_sub_section (used to be#cc9933)

*******************************************************************************************/

.global .______________________________________________________________________________{}
global_________________________________________________________________________________{}


*
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.lf A:hover,
.tf A:hover,
.af A:hover,
.rf A:hover
{
	background-color:snow;
	color:brown;
	cursor:hand;
}

.af .______________________________________________________________________________{}
af_________________________________________________________________________________{}

BODY.af
{
/*background-color:silver;*/
background-image:url('images/gradient_images/Gradient_Background-975x679.jpg');
	border-bottom:solid 1px black;	/* line at bottom of AF */
	font-family: calibri, arial unicode ms, sans-serif, arial;
}

/* actions, tools, sections */
.af LI,
.af A 
{
	color:black;
	display:inline;						/* puts actions and tools on one line */
	font-weight:lighter;
}

TD LI.af_ddimagetabs_hover,             /* NOTE: TD is needed here (AF/LI buttons are a T; LF/LI buttons have not TD) */ 
.af_ddimagetabs A:hover,                /* NEEDED: for SHOWALL/ToggleAll - rendered as a href*/
LI.af_hover
{
	background-color:snow;
	color:brown;
	cursor:hand;
	background-image:none;
}

/* actions, tools */
.af_actions
{
	padding-top:2px;
}

.af_actions LI
{
	color:black;
	display:inline;						/* puts actions and tools one line */
	font-size: small;
	font-weight:lighter;
	margin-left:5px;					/* space between each actions and tools */
	margin-right:5px;					/* space between each actions and tools */
	text-decoration:underline;
}

/* sections */

.af_ddimagetabs
{
	margin-top:2px;						/* space between actions and sections*/
	padding-left:5px;
	padding-bottom:3px;				    /* inside box (note: need to declare in af_ddimagetabs LI also) */
	padding-top:3px;					/* inside box (note: need to declare in af_ddimagetabs LI also) */
	text-align:left;              /* centers the section boxes */
}

.af_ddimagetabs LI
{
/*background-color:black;*/
/*background-color: #1D1D1D;*/
 background-image:url('images/gradient_images/sleek-shiny-text-effect-2.jpg');
	color:White;
	font-size: x-small;
	font-weight:bold; 
	margin-right:1px;					/* between section boxes */
	margin-bottom:1px;					/* between section boxes */
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;				    /* inside box (note: need to declare in af_ddimagetabs also)*/
	padding-top:3px;					/* inside box (note: need to declare in af_ddimagetabs also)*/
	text-align:left;
	width:142px;
}

/* NEEDED: for SHOWALL/ToggleAll - rendered as a href*/
.af_ddimagetabs A,
LI.af_ddimagetabs_exec
{
	background-color:brown;
	color:White;
	text-decoration:none;
	/* width:136px;  */                      /* subtract 6px from .af_ddimagetabes LI width above */
}

.af DIV.af_label
{
	color:black;
    font-size:10px;
    text-align: center;
    width: 100%;
}

.lf .______________________________________________________________________________{}
lf_________________________________________________________________________________{}

/* actions, tools, sections */
BODY.lf
{
    background-color: lightsteelblue;
    background-color: #00003E;
    background-color: #E8E8E8;
    background-image: url('images/gradient_images/Gradient_Background-975x679.jpg');
    background-repeat: no-repeat;
    color: White;
    font-family: arial unicode ms, sans-serif, arial;
}

.lf .jds_test_image
{
}

/* label - "MAIN MENU"
.lf DIV
{  
	color:black;
	font-size:16px;
	margin:5px 5px 5px 5px;				/* around "MAIN MENU" *-/
	text-align:center;					/* centers "MAIN MENU" *-/
} */

#lf_container
{
	height:100%;
	/* background-color:Yellow; */
	margin: 0px 0px 0px 0px;
	width:100%;
}

/* Hide/Show*/
#lf_header
{
    background-color: lightslategray;
	color: white;
    font-size: 12px;
    height: 15px;
    margin-bottom: 10px;
    text-align: center;
    width: 225px;
}

#lf_restore
{
	background-color: lightslategray;
	color: white;
    font-size: 12px;
	height: 100%;
	padding-top: 15px;
	position: absolute;
	text-align:center;
	width: 15px;
}

.lf_header_restore_hover
{
	background-color:snow;
	color:brown;
	cursor:hand;
}

/* menu */

.lf UL
{
	list-style-type:none;
	text-align:left;
	text-decoration:none;				/* puts LI in one line */
}

.lf ul.lf_map_top_level
{
	margin-left:12px;					/* lightblue space on left */
	overflow:hidden;					/* truncates overflowing text */
	width:200px;
}

.lf li.lf_map_top_level 
{
    border-top: silver 1px solid;
	background-image:url('images/gradient_images/sleek-shiny-text-effect-2.jpg');
	/*background-image:url('images/gradient_images/background-gradient.jpg');*/
}

.lf li.jds_test 
{
background-image:url('images/gradient_images/background-gradient.jpg');
}

.lf li.lf_map
{
	background-image:url('images/gradient_images/sleek-shiny-text-effect-2.jpg');
	padding-left:1.0em;
}

.lf li.jds_test2
{
	background-image:url('images/gradient_images/sleek-shiny-text-effect-2.jpg');
	padding-left:11.0em;
}

.lf A
{
    color: white;
    font-size: x-small;
	font-weight: 300;
    padding-left: 5px; /* needed to make text not flush with box */
    padding-top: 2px;
    padding-bottom: 4px;
    text-decoration: none; /* get rid of underline */
    width: 100%; /* makes hover effect go all the way to right */
}

A.lf_map_hover
{
	background-color:snow;
	color:brown;
	cursor:hand;						/* ? need here for +/- */
}

/* jds - does not work - image on left frame */
.lf IMG
{
}

.lf TABLE.lf_map,
.lf TABLE.lf_map_inner,
.lf TABLE.lf_map_inner
{
}

.tf .______________________________________________________________________________{}
tf_________________________________________________________________________________{}
/* PLEASE NOTE:tf uses many of the rf classes*/

BODY.tf
{
background-color:black;
background-image:url('htm_va/VITAheader.jpg');
background-image:url('images/gradient_images/gradient_background_1.jpg');
	font-family: calibri, arial unicode ms, sans-serif, arial;
}

TD.tf_logo
{
	background-color:white;				/* to match white logo */
/*	border:3px outset; */
	width:89px;                         /* width set in web.config is 92 (92-3 = 89) */
}

IMG.tf_image
{
	height:92px;
	width:92px;
	/*width:225px;*/
    /*height:89px;*/
}

.tf DIV
{
	height:auto;
	text-align:center;
	width:auto;					/* needed! */
}

/* message_1 - title ex:"Encounter Chart" */
.tf_message_1
{
	color:White;
	font-size:20px;
    font-style:none;
	font-weight:bolder;
}

/* buttons */
.tf_link_button,
A.tf_link_button
{
	background-color:lightsteelblue;
	border:3px outset;
	color:black;
	cursor:hand;
	font-size:15px;
	font-weight:bold;
	margin-bottom:3px;
	text-decoration:none;
	vertical-align:middle;
	width:150px;						/* browser will give it more if it needs it */
}

/* labels - line1, line2, line3 */
.tf SPAN.label
{
	color:lightsteelblue;
	font-size:14px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	vertical-align:middle;
}

/* content - line1, line2, line3 */
.tf_freetext
{
	color:khaki;
	font-size:14px;
	font-style:italic;
	font-weight:bolder;
	margin:0 0 0 0;
	padding:0 0 0 0;
	vertical-align:middle;
}




.rf .______________________________________________________________________________{}
rf_________________________________________________________________________________{}

BODY.rf
{
	background-color:whitesmoke;
	font-family: sans-serif, arial;
	font-size:100%;
	font-weight:bolder;
	/*padding-bottom:1em;*/
	text-decoration:none;
}

.rf TABLE
{
	color:black;
	border:1px gray;
    empty-cells:show;
}

.rf TD
{
	color:black;
    font-size:12px;
    margin-LEFT:5px;
    margin-RIGHT:5px;
    vertical-align:top;
	padding-bottom:3px;
	padding-top:3px;

}

.rf TD P								/* what's this ??? */
{
	/*margin-top:1em;*/
	text-align:left;
}

.rf SELECT,
.rf TEXTAREA,
.rf INPUT
{
	font-family:'Arial Unicode MS',Monospace;
	color:Black;
	font-size:12px;
	font-weight:lighter;
	margin-right:5px;					/* spacer before suffix */
	padding-left:2px;
	vertical-align:middle
}

.rf TEXTAREA
{
    border: 1px solid silver;
    overflow: auto; /*jason
	padding-right:19px;
	background-image:url('Images/down-arrow.gif');
	background-repeat:no-repeat;
	background-position:right top;
	*/
}

.rf A:link
{
	color:darkgreen;
}

.rf table.child_form_container
{
	border: 2 solid silver;
	width:90%;
}

.rf table.subcontrol table.subcontrol
{
	width: 100%;
	border: none;
}

.rf td.child_button_td
{
	background-color:Silver;
}

/* noprint - this class prevents action div from printing */
@media print 
{
	.noprint
	{
		display:none;
	}
}

.rf UL
{
	list-style-type:none;
}

.rf UL UL
{
	margin-left:1.5em;
}

.rf LI
{
	/*jds margin-top:0px; */
	/*jds margin-bottom:0px; */
	/*jds margin-top:5px; */
	/*jds margin-bottom:5px; */
}

.rf TD.LayoutHybridTV2TPhase,
.rf TD.LayoutTabular
{
	background-color:gainsboro;
	border-bottom:solid 1px silver;     /* a ligther color than gray is used here - looks nicer */
	border-left:solid 1px whitesmoke;        /* spacer between columns */
	border-right:solid 1px whitesmoke;       /* spacer between columns */
}

TABLE.hybridtv_v_container
{
	border-bottom:solid 1px gray;
	width:100%;                         /* need this */
}

.rf SPAN.freetext
{
	color:Black;
	height:100%;
	margin-right:5px;                   /* spacer after prefix */
	padding-top:4px;
	padding-bottom:1px;
	vertical-align:middle;
}

SPAN.rf_tree_hover
{
	background-color:snow;
	color:brown;
	cursor:hand;
}

DIV.display_message_popin
{
	width:100%;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

DIV.display_message_popinmid
{
	width:50%;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 3px silver;
	position:absolute;
}

DIV.err_msg_validation
{
	width:100%;
	height:100%;
	color:black;
	background-color:Yellow;
	padding: 5px 5px 8px 5px;
}


DIV.err_msg_warning
{
	width:100%;
	height:100%;
	color:black;
	background-color:Orange;
	padding: 5px 5px 8px 5px;
}

DIV.err_msg_error
{
	width:100%;
	height:100%;
	color:black;
	background-color:Red;
	padding: 5px 5px 8px 5px;
}

DIV.err_msg_information
{
	color:black;
	background-color:#66cc66;
	height:100%;
	padding: 25px 25px 25px 25px;
	width:100%;
}

.popmap .______________________________________________________________________________{}
popmap_________________________________________________________________________________{}

/* af - in a popmap */
DIV.popm_action
{
	background-color:silver;
	/* display:inline; */						/* puts actions and tools one line - causes noprint to fail!!! */
	font-family: calibri, arial unicode ms, sans-serif, arial;
	/*jds font-size:14px; */
	/*jds ffont-weight:bolder; */
	height:expression(document.getElementById("popm_action").scrollHeight + "px"); /* IE only */
	/*jds margin-right:12px; /* separator between each action and tool */
	/*jds overflow:auto; */
    text-decoration:underline;
	font-weight:lighter;
	width:100%;
	border-top:solid 1px black;	    /* line at top of AF */
	border-bottom:solid 1px black;	/* line at bottom of AF */
}

/* BODY.popm_action
{
	background-color:silver;
	margin-bottom:3px; 
}

 DIV.popm_action
{
	background-color:silver;
	border-top:solid 1px black;	    /* line at top of AF 
	border-bottom:solid 1px black;	/* line at bottom of AF 
} */ 

DIV.popm_action .af_ddimagetabs
{
	margin-bottom:9px;
}

/* rf - in a popup */
.popm_content
{
	/*jds	border:0 0 0 0; */
	font-family: calibri, sans-serif, arial;
	overflow:auto;
	/* height:expression(document.body.clientHeight - document.getElementById("popm_action").scrollHeight + "px"); IE only */
	height:expression(document.body.clientHeight - document.getElementById("popm_content").offsetTop + "px"); /* IE only */
	width:100%;
}

.popm_content_print
{
	/*jds	border:0 0 0 0; */
	overflow:visible;
	height:100%;
	width:100%;
}

DIV.popm_top
{
	height:auto;							/* from .tf DIV */
	text-align:center;						/* from .tf DIV */
	width:auto;								/* needed!  from .tf DIV */
	background-color:black;
	font-family: calibri, arial unicode ms, sans-serif, arial;
	color:white;
	font-style:italic;						/* from .tf_message_1 */
	font-size:20px;							/* from .tf_message_1 */
	font-weight:bolder;						/* from .tf_message_1 */

}

.label .______________________________________________________________________________{}
label_________________________________________________________________________________{}

/* left label */
TD.label
{
	color:black;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	padding-top:3px;
	text-align:right;
	vertical-align:top;
	width:25%;
}

.rf TD.label_window
{
	background-color:lightslategray;
background-image: url('images/gradient_images/nlf_background_1.jpg');
background-repeat: repeat;
	/*border-bottom:solid 7px transparent;*/
	color:white;
	font-size:small;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

.rf TD.label_section
{
	background-color:black;
/*background-color: #1D1D1D;*/
background-image: url('images/gradient_images/initial_gradient_2.jpg');
background-repeat: repeat;
	/*border-top:solid 7px transparent;*/
	/*border-bottom:solid 7px transparent;*/
	color:White;
    font-size:small;
    font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}

.rf TD.label_sub_section
{
	/* background-color:silver;
	border-left: solid 25px whitesmoke;
	border-right: solid 25px whitesmoke; */
	color:black;
	font-size:small;
	font-style:italic;
	font-weight:bold;
	padding-top:0px;
	text-align:center;
	vertical-align:middle;
}

.rf TD.label_sub_section a
{
	background-color:silver;
	width:90%;
}

.rf TD.label_child_form
{
   	background-color: Silver ;
	color:black;
	font-size:small;
	font-style:italic;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	vertical-align:middle;
}

.rf TD.label_instruction
{
    color:green;
	padding-left:30px;
	padding-right:30px;
}

.rf .indented_5em
{
	margin-left:5em;
}

.rf TD.label_instruction_blue
{
    color:black;
	padding-left:30px;
	padding-right:30px;
}


.rf TD.label_centered_form
{
	color:darkgreen;
	font-size:small;
	height:1.75em;
	left:15%;
	padding-right:15px;
	text-align:center;	
	width:45%;
}

.rf TD.label_section_small_font
{
	background-color:black;
	background-repeat:repeat;
    color:darkgreen;
	font-weight:bolder;
    font-size:smaller;
    text-align:left;
}

.rf TD.label_section_small_font_centered
{
	background-color:black;
	background-repeat:repeat;
	color:darkgreen;
    font-size:smaller;
    font-weight:bolder;
	text-align:center;
}

.rf TD.label_section_no_line
{
	/*border-bottom:solid 1em transparent;*/
	border-top:solid 0em transparent;
	color:darkgoldenrod;
	font-size:18px; 
	text-align:center;
}

.rf TD.label_no_line_small_left
{
	background-color:black;
	background-repeat:repeat;
    color:darkgreen;
    font-size:smaller;
    font-weight:bolder;
    text-align:left;
}

.rf TD.label_no_line_small_center
{
	background-color:black;
	background-repeat:repeat;
    color:darkgreen;
    font-size:smaller;
    font-weight:bolder;
	text-align:center;
}

.misc_classes .______________________________________________________________________________{}
misc_classes_________________________________________________________________________________{}

*.island
{
	display:none;
}

.children .______________________________________________________________________________{}
children_________________________________________________________________________________{}

A.header_link
{
	font-size:larger;
	font-weight:bolder;
}

/*TABLE.hybridtv_v_container
{
	border-bottom:solid 1px gray;
	width:100%;
}*/

TBODY:first-child
{
	display:TABLE;
	width:100%;
}

COL.labelcol
{
	text-align:right;
	vertical-align:top;
}

COL.datacol
{
	text-align:left;
	vertical-align:top;
}


.gb_outer_wrap
{
	position:relative;
	top:50%;	
}

.gb_inner_wrap
{
	position:relative;
	top:-50%;
}

/* used to vertically center A literal and its label */
.gb_inner_wrap div
{
	text-align:center;
}

.trees .______________________________________________________________________________{}
trees_________________________________________________________________________________{}

.ul_tree ul
{
	list-style:none;
}

.plus,
.minus,
.blank
{
	background-repeat:no-repeat;
	vertical-align:top;					/* because freetext aligns to top */
}

.plus
{
	background-image:url("Images/plusbox.gif");
}

.minus
{
	background-image:url("Images/minusbox.gif");
}




.rf_misc .______________________________________________________________________________{}
rf_misc_________________________________________________________________________________{}

.rf SPAN.calendar_icon
{
	width:16px;
	height:16px;
	background-image:url('Images/calendar_icon.jpg');
}

.rf SPAN.label_inline
{
	color:black;
	vertical-align:top;
}

.rf SPAN.label
{
	color:black;
	padding-left:15px;
	padding-right:15px;
	text-align:right;
	vertical-align:top;	
}

/*.rf SPAN.label_instruction
{
	color:green;
	font-weight:lighter;
}
*/

.rf SPAN.yellow
{
	background-color:yellow
}

.rf SPAN[onclick]:hover
{
	background-color:snow;
	color:brown;
	/*jds text-decoration:underline;*/
}

.rf TABLE.tbl_fixed
{
	TABLE-layout:fixed;
}

.rf TABLE.rule1
{
	background-color:black;
}

.rf TABLE.rule2
{
	background-color:silver
}

.rf TD.link
{
	text-align:left;
	width:0%;
	padding-right:1em;
}

.rf TD.red
{
	border:thin;
	color:red;
    font-weight:lighter;
    font-size:10px;
}

.rf TD.blue
{
	border:thin;
	color:blue;
    font-weight:lighter;
    font-size:10px;
}

.rf TD.green
{
	border:thin;
	color:darkgreen;
    font-weight:lighter;
    font-size:10px;
}

.rf TH
{
	background-color:silver;
    border:1px solid transparent;
	color:black;                      /* separates action_frame from right_frame */
	text-align:left;
	font-size:12px;
    font-weight:normal;
}

.rf TH.link
{
	text-align:left;
	width:0%;
	padding-right:1em;
}

.rf .multivalued_center .link
{
	text-align:center;
}

/*@@@@@ started prefixing with .rf here */

.rf TH.bh
{
	text-align:center;
}

.rf TH.with_line_breaks
{
	font-size:10px;
	background-color:antiquewhite;
	border-bottom:blue thin solid;
}

.rf BUTTON,
.rf INPUT.button
{
    background-color: peachpuff;
    border: 3px outset;
    color: black;
    font-size: 11px;
    font-weight:bold;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 1px; /* separates all rows */
    margin-bottom: 1px; /* separates all rows */
    text-align: center;
    vertical-align: top;
}

.rf INPUT.button_form_save
{
    background-color: #66cc66;
    border: 5px outset;
    color: black;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 1px; /* separates all rows */
    margin-bottom: 1px; /* separates all rows */
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    vertical-align: top;
}


/*.rf .light_link
{
    font-size:12px;
    color:whitesmoke;
}*/

.rf .readonly
{
	background-color:silver;
}



.rf .red,
.rf A.red:visited
{
	color:red;
}

.rf FONT.lighter
{
	font-weight:lighter;
}

.rf .green
{
	color:darkgreen;
}

.rf .gray
{
	background-color:silver;
}

.rf TD.anchor
{
	/*border-bottom:thin solid;*/
	/*background-color:lightsteelblue;*/
}

.rf A.a_anchor
{
	/*jds border:white thin outset; */
	text-align:center;
}

.rf A.a_anchor
{
	color:black;
	background-color:silver;
	/*jds text-decoration:none;		*/
}

.planner .______________________________________________________________________________{}
planner_________________________________________________________________________________{}

TABLE.planner, TABLE.weekly_planner
{
	border:gray thin;
	/*jds padding:0px; */
    /*jds	margin:0px; */
    color:black;
}

TABLE.planner TD.time, TABLE.planner TD.booked, TABLE.planner TD.continuation
{
	/*jds padding:0px; */
    border-right:thin solid;
    font-weight:lighter;
    /*jds	margin:0px; */
}

TABLE.planner TD.time
{
    border-top:thin solid;
    border-left:thin solid;
    border-bottom:thin solid;
    background-color:silver;
}
TABLE.planner TD.booked
{
    border-top:thin solid;
    border-left:lightsteelblue thin solid;
    /*jds padding-top:0px; */
    border-bottom:thin;
    background-color:lightsteelblue
}
TABLE.planner TD.continuation
{
    border-top:lightsteelblue thin solid;
    border-left:lightsteelblue thin solid;
    border-bottom:lightsteelblue thin solid;
    background-color:lightsteelblue
}

TABLE.weekly_planner TD.booked,
TABLE.weekly_planner TD.continuation,
TABLE.weekly_planner TD.time
{
    background-color:lightsteelblue;
    border-left:lightsteelblue thin solid;
    border-right:thin solid;
    font-weight:lighter;
    /*jds	margin:0px; */
	/*jds padding:0px; */
}

TABLE.weekly_planner TD.time
{
    background-color:silver;
    border-top:thin solid;
    border-left:thin solid;
    border-bottom:thin solid;
}

TABLE.weekly_planner TD.booked
{
    border-top:thin solid;
    border-bottom:thin;
}

TABLE.weekly_planner TD.continuation
{
    border-top:lightsteelblue thin solid;
    border-bottom:lightsteelblue thin solid;
}

TABLE.weekly_planner TD,
TABLE.planner TD
{
    border:gray thin solid;
    font-weight:lighter;
    font-size:10px;
    margin-LEFT:5px;
    margin-RIGHT:5px;
    color:darkgreen;
    padding-top:1px;
}

TABLE.planner TD
{
	font-weight:bolder;
}

TABLE.weekly_planner TD.open
{
}

TABLE.weekly_planner TD.open A
{
    color:silver;
}

TABLE.weekly_planner TD.booked A,
TABLE.planner TD.booked A
{
    font-weight:lighter;
    vertical-align:top;
    text-align:left
}

.calendar .______________________________________________________________________________{}
calendar_________________________________________________________________________________{}

.calendar TD A
{
    font-weight:lighter;
    vertical-align:top;
    text-align:left
}


.calendar TD
{
    background-color:snow;
    text-align:left;
    vertical-align:top;
}
.calendar TH
{
	text-align:center
}

.calendar TD.white
{
    vertical-align:top;
    background-color:white;
    text-align:left
}

.table_list .______________________________________________________________________________{}
table_list_________________________________________________________________________________{}

TABLE.table_list
{
	font-size:10px;
}

TABLE.table_list TABLE.TABLE_sub_list
{
}

TABLE.table_list TD,
TABLE.table_list TD.with_break_above,
TABLE.table_list TD.lighter_with_break_above
{
	border:gray thin;
    font-weight:lighter;
}

TABLE.table_list TD.with_break_above,
TABLE.table_list TD.lighter_with_break_above
{
	border-top:blue thin solid;
}

TABLE.table_list TD.lighter_with_break_above,
TD.lighter
{
	background-color:#F6F6F6;
	border:gray thin;
    font-weight:lighter;
}

BODY.popup
{
}

TABLE.popup_table_list
{
}

TABLE.popup_table_list TD
{
    font-weight:lighter;
}

TABLE.popup_table_list TD TD
{
}

TABLE.popup_table_list TD.lighter,
TABLE.popup_table_list TR.lighter TD
{
    font-weight:lighter;
    background-color:white;
}

TABLE.popup_table_list TH
{
	border-right:4px solid whitesmoke;
}

TABLE.popup_table_list TD.with_break_above,
TABLE.popup_table_list TD.lighter_with_break_above
{
	background-color:transparent;
	border-right:gray thin;
	border-left:gray thin;
	border-bottom:gray thin;
	border-top:blue thin solid;
	font-weight:lighter;
}

TABLE.popup_table_list TD.lighter_with_break_above
{
	background-color:aliceblue;         /* @@@@@ */
	background-color:yellow;
}

TABLE.popup_TABLE_sub_list
{
    border-right:gray;
    border-top:gray;
    border-left:gray;
    border-bottom:gray;
    /*jds font-style:normal; */
}

TABLE.popup_TABLE_sub_list TD
{
    color:sienna;						/* brownish orange */
    /*jds font-style:normal; */
    font-weight:lighter;
}

TABLE.popup_TABLE_sub_list TH
{
    border-top:gray solid;
    background-color:silver;
}

TABLE.popup_TABLE
{
	/*jds padding:0%; */
    /*jds margin-TOP:0%; */
}

TABLE.popup_TABLE TH
{
	border:#ffffcc thin inset;
    background-color:silver;
}

TABLE.popup_TABLE TD
{
    /*jds font-style:normal; */
}


TABLE.popup_TABLE TD.window_label
{
	background-color:#009184;
}

TABLE.popup_TABLE BUTTON
{	
	background-color:peachpuff;
	margin-bottom:3px;
}

.dynamic_TABLE TH
{
    background-color:lightsteelblue;
    color:black;
	border:mediumturquoise thin;
    font-size:x-small;
}

.dynamic_TABLE
{
	border:gray thin;
    color:black;
    background-color:#ffffcc
}

.dynamic_TABLE TD.lighter
{
    color:black;
    background-color:gainsboro;
}

.rowlabel
{
	color:darkgreen;
	padding-right:15px;
	text-align:right;
}

DIV.subpage_dynamic
{	
	width:100%;
}

.popup_calendar .______________________________________________________________________________{}
popup_calendar_________________________________________________________________________________{}

DIV.popup_calendar
{
	background-color:black;
	border:3px outset;
	color:white;
	height:12em;
/*	overflow:hidden;*/
	padding:4px;
	position:absolute;
	width:12em;
}

/* days of the week - Su Mo Tu ...*/
DIV.popup_calendar TH 
{
	border-bottom:1px solid snow; 
	color:black;
	text-align:center;
}

DIV.popup_calendar TD,
DIV.popup_calendar A:link
{ 
	border:solid 2px transparent;
	color:white;
	font-size:12px;
	padding:2px;
	text-align:center; 
	text-decoration:none;
}

DIV.popup_calendar TD.date_today
{
	/*jds border:2px inset; */
	background-color:lightsteelblue;
	color:black;
}

DIV.popup_calendar TD.date_hover,
DIV.popup_calendar A:hover
{
	background-color:snow;
	color:brown;
	cursor:hand;
}

.aaa .______________________________________________________________________________{}
aaa_________________________________________________________________________________{}

DIV.monitorDiv
{
	background-color:lightblue;
	font-size:10px;
}

DIV.scroll
{
	overflow:auto;
	background-color:red;
}


TABLE.multivalued_child_TABLE TD
{
	font-weight:normal;
}

.rf TABLE.acic {border-style:ridge; width:100%}
.rf TABLE.acic TD.score {text-align:center; width:50px}
.rf TABLE.acic TD.component {background-color:#33CCFF}
.rf TABLE.acic TD.description {background-color:#CCFFFF}
.rf TABLE.acic TD {padding:7px}
.rf TABLE.acic TH {background-color:#CCCCCC}
.rf TABLE.acic TR {border-style:ridge}

DIV.umls_domain_div
{
	background-color:white;
	border:thin solid black;
	color:black;
	float:left;
	height:50%;
	overflow:auto;
	position:absolute;
	width:50%;
}

DIV.umls_domain_div TABLE
{
	width:100%;
}

DIV.umls_domain_div A,
DIV.umls_domain_div A:visited
{
	color:Black;
	display:block;
	font-weight:normal;
	text-decoration:none;
}

DIV.umls_domain_div A:hover
{
	background-color:snow;
	color:White;
}

DIV.umls_domain_div TH
{
	display:none;
}

DIV.draggableDiv
{
	background-color:white;
	border:1px inset;
    left:100px;
    position:absolute;
    top:100px;
}

DIV.retrievediv
{
	background-color:lightsteelblue;
	border:thick gray outset;
	color:darkgreen;
	font-size:14px;
	font-weight:bold;
	/*jds left:0px; */
	position:absolute;
	text-align:center;
}

IMG.mugshot
{
	height:64px;
	width:64px;
}

TD.title_break_l1,
TD.title_break_l2,
TD.title_break_l3
{
	text-align:center;
}

TD.title_break_l1
{
	background-color:lightsteelblue;
	border-bottom:solid .5em whitesmoke;
	border-top:solid 1.5em whitesmoke;
	font-size:14px;
	font-weight:normal;
	padding:2px;
}

TD.title_break_l2
{
	/*border-bottom:solid 1em transparent;*/
	font-style:italic;
	font-size:12px;
	padding-bottom:1em;
}

TD.center
{
	text-align:center;
}


span.query_record_count
{
	font:bold 18px;
	width:100%;
}

.wait_page
{
	background-color:whitesmoke;
	padding:10px;
}



.file_upload
{
	background-color:whitesmoke;
	color:black;
	font-weight:bolder;
	font-size:130%;
	padding:2.5em;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}

.grandchild
{
	background:orange;
	margin:30px 30px 30px 30px;
	
	width:80%;
}

DIV.rss
{
	background-color:white;	
	border:1px solid black;
	font-size:12px;
	height:500px;
	margin:.5em;
	overflow:auto;
	padding:10px;
	text-align:left;
	/*width:400px;*/
	width:70%;
}

DIV.rss UL
{
	list-style-type:disc;
	list-style-position:inside;
}

DIV.rss LI
{
	margin:.5em;
}

.tooltip .______________________________________________________________________________{}
tooltip_________________________________________________________________________________{}

/* tooltip */
TD.helprow
{
	border:1px solid black;
	background-color:Yellow;
}

/* tooltip */
TD.helprow TEXTAREA
{
	border:none;
	color:Black;
	cursor:auto;
	overflow:auto;
	width:100%;
}

TD.helprow TABLE TD
{
	border:1px dotted gray;
	padding:4px;
}

DIV.tooltip TEXTAREA
{
	/*jds	border:none; */
	color:Black;
	cursor:auto;
	overflow:auto;
	width:100%;
}

DIV.tooltip
{
	border:1px solid black;
	background-color:whitesmoke;
	font:statusbar;
	padding:4px;
}

.debug .______________________________________________________________________________{}
debug_________________________________________________________________________________{}
.rf TABLE.debug2
{
	/*jds border-right:none; */
	/*jds	margin:0px; */
	border:thin solid;
	/*jds color:black;*/
	background-color:yellow;
	display:block;
}

DIV.mini_debug
{
	background-color:black;
	border:3px outset;
	color:white;
	padding:4px 4px 4px 4px;
	position:absolute;
	width:400px;
}

DIV.popupMenu
{
	background-color:black;
	border:3px outset;
	color:white;
	/*jds	margin:0 0 0 0; */
	padding:4px 4px 4px 4px;
	position:absolute;
	width:0px;
}

DIV.popupTitles
{
	background-color:black;
	border:3px outset;
	color:white;
	font-size:12px;
	padding:4px 8px 4px 8px;
	position:absolute;
	width:250px;
}

UL.popupMenu 
{
	font-size:12px;
}

UL.popupMenu LI,
UL.popupMenu LI A:link
{
	color:White;						/* white - default - text on dark background */
	text-align:left;
	text-decoration:none;
	/*jds margin:0px; */
	/*jds padding:0px; */
	white-space:nowrap;
	width:100%;
}

UL.popupMenu LI A:hover
{
	background-color:snow;
	color:brown;
}

.drilldown .______________________________________________________________________________{}
drilldown_________________________________________________________________________________{}

DIV.drilldown_menu
{
	font-size:18px;
	height:100%;
}

DIV.drilldown_menu .top
{
	padding-top:6px;
	padding-right:12px;
	padding-bottom:15px;
	padding-left:7px;
}

/* top - link before current selection */
DIV.drilldown_menu .top .menu
{
	color:darkgreen;
}

DIV.drilldown_menu .top .current
{
	font-weight:lighter;
	color:black;
}

/* special for developers */
DIV.drilldown_menu .top .dev_path
{
	color:#AAAAAA;
	float:right;
}

DIV.drilldown_menu .left
{
	background-color:silver;
	border-top:1px solid black;
	border-right:1px solid black;
	display:inline;
	height:100%;
	width:39.9%;
}

DIV.drilldown_menu .right
{
	border-top:solid 1px black;
	display:inline;
	height:100%;
	vertical-align:top;
	width:100%;
	padding-left:5px;
	width:59.9%;
}

DIV.drilldown_menu .left DIV
{
	margin-left:-1px;
	padding:4px;
}

DIV.drilldown_menu .right DIV
{
	margin-left:-1px;
	padding:4px;
}

DIV.drilldown_menu .right DIV DIV
{
	padding:2px;
}

DIV.drilldown_menu .right DIV.description
{
	color:black;
	font-size:14px;
	white-space:pre-wrap;
}

DIV.drilldown_menu .right DIV.address
{
	color:darkgreen;
	font-size:12px;
	overflow:hidden;
	white-space:pre-wrap;
	/*jds width:100%; */
}

DIV.drilldown_menu A.link
{
	background-color:whitesmoke;
	color:blue;
	font-size:15px;
	height:100%;
	height:100%;
	width:100%;
}
	

DIV.drilldown_menu A.menu
{
	font-size:16px;
	text-decoration:none;
}

DIV.drilldown_menu .left A.hover
{
	background-color:snow;
	color:brown;
	height:100%;
	width:100%;
}


.sort .______________________________________________________________________________{}
sort_________________________________________________________________________________{}

TH.sort_desc,
TH.sort_asc
{
	background-color:yellow;				/* light blue - sorting */
	background-position:top right;
	background-repeat:no-repeat;	
}

TH.sort_desc
{
	background-image:url('Images/down-arrow.gif');
}

TH.sort_asc
{
	background-image:url('Images/up-arrow.gif');
}

TD.defer_row
{
	text-align:center;
}

TD.defer_row BUTTON
{
/*	font-size:large;*/
	font-weight:bold;
	padding:4px;
	margin-bottom:3px;
	width:100%;
}

.showhide
{
	float:right;
	margin-right:1em;
	text-decoration:underline;
	cursor:hand;
}

.web_root{}

brfss .______________________________________________________________________________{}
.brfss_________________________________________________________________________________{}

TEXTAREA.brfss_question
{
    background-color:whitesmoke;
	border:none;
	font-family: calibri, arial unicode ms, sans-serif, arial;
    font-size:13px;
	font-weight:normal;
    text-INDENT:0px;
}

.logout .______________________________________________________________________________{}
logout_________________________________________________________________________________{}

.logon_title
{ 
	font-size:1.5em;
	font-style:italic;
	font-weight:bold;
}

BODY.logon
{
	background-color:whitesmoke;
	color:black;
	text-align:center;
	width:80%;
}

FORM.logon
{
	width:80%;
	text-align:center;
}

.element_level_classes .______________________________________________________________________________{}
element_level_classes_________________________________________________________________________________{}

#tbl_name TH, 
#tbl_birth_name TH,
#tbl_worker_name TH
{
	text-transform:none;
	font-size:12px;
}

#tbl_change_password UL,
#tbl_registration UL
{
	list-style-position:inside;
	list-style-type:disc;
	margin:1em;
}

#tbl_relative #tbl_diagnosis_button
{
	background:green;
}

.unused .______________________________________________________________________________{}
unused_________________________________________________________________________________{}


/*	div-based sidebars - does not work in ie		*/
/*
.rf DIV.right_sidebar ul
{
	/*border:3px outset;*-/
	padding:20px;
	padding-right:5px;
	
}
.rf DIV.right_sidebar li
{
	list-style:none;
}

.rf DIV.right_sidebar a,
.rf DIV.right_sidebar A:visited,
.rf DIV.right_sidebar A:hover,
.rf DIV.right_sidebar A:link,
.rf DIV.right_sidebar A:active
{
	text-decoration:none;
	color:black;
	display:block;
	text-align:right;
}


.rf DIV.right_sidebar
{
	position:absolute;		/* should be 'fixed' in W3c browsers *-/
	_top:expression(eval(document.BODY.scrollTop));			/* ONLY works in IE *-/
	/*jds right:0px; *-/
	background-image:url('Images/lookupicon.gif');
	background-position:-8 -8;
	background-repeat:no-repeat;
	font-size:16px;
	background-color:whitesmoke;			/* white, off - default - RF background *-/
	width:10%;
/*	top:0px;*-/
	border:3px outset;
}
*/