﻿/* Add any application specific styles here */
/* Search for 'Schema' to find styles related to button, bar and tab styling/color
    Handy Reference for color shades: https://www.colorcodehex.com/152D37/
*/

/* Schema! */
h2
{
    text-align: left;
    color: #ffffff;
    font-size: large;               /*16px;*/
    font-weight: bold;
    font-family: arial, Tahoma, Gulim;
    padding: 10px 0px 5px 5px;
    border-width: 0px 0px 5px 0px;
    border-style: solid;
    background-color: #2A5A6E;      /* Dark BlueGreen;*/
    border-bottom-color: #152D37;   /* Darker BlueGreen; #ccab6f GOLD; */
    clear: both;					/* clear fixes display problem in firefox */
}

h3
{
    text-align: left;
    color: #000000;
    font-size: medium;
    font-family: arial, Tahoma, Gulim;
    padding: 5px 0px 0px 25px;
}
    
body
{
    font-family: arial, Tahoma, Gulim;
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}

/* Schema! */
.form_container
{
    width: 1000px;
    margin: 0px 0px 2px 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-style: solid;
    border-width: 1px;
    border-top: solid 1px  #2A5A6E;  /* Dark BlueGreen; */
    background: White;               
    vertical-align: top;
    text-align: left; 
}

.GridViewRowStyle{
    Color: White;
    background-color: #2A5A6E;       /*  Dark BlueGreen; */
}

.label_input_group
{
	padding: 8px 0px 8px 2px;	     /* space between pseudo rows */
}

.field_input
{    
	border-color: inherit;
	border-color: darkgrey; 
	border-width: .5px;   
	font-family: arial, Tahoma, Gulim;
    font-size: medium;
    -moz-box-shadow: 2px 2px grey;
	-webkit-box-shadow: 2px 2px grey;
	box-shadow: 2px 2px grey;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}

.field_ddl
{
	font-size: medium;
	border-style: solid;
	border-color: #000000;   /*doesn't work in IE */
	border-width: 1px;	     /*doesn't work in IE */
    height: 20px;
}

.field_inactive_input
{
    background-color: #E6E6E6;
    border-color: inherit;
	border-color: black; 
	border-width: .5px; 
	border-style: solid;  
	font-family: arial, Tahoma, Gulim;
    box-shadow: 2px 2px #888888;
}

.required_field_splat
{
	color: Red;
	display: inline;
	font-size: 12pt;
	font-weight:bold;
}

.field_cntlf{
    Font-Size: Small;
    color: #59A1BF;         /*Light BlueGreen*/
}
.italic
{
	font-style: italic;
}

.bold
{
	font-weight: bold;
}

.very_small_text
{
	font-size: 8pt;
}

/* ---------------------- column div styles --------------------------- */
.col_all
{
	margin: 0 0 0 0px;
	float: left;
}

.display_line
{
	width: 98%;
	clear: both;	
	border-width: 1px;
	border-color: #999999;
	background-color: #F0F0EB;
	border-style: solid;
	margin: 10px 0px 10px 8px;
}

.display_line_no_show
{
	width: 98%;
	clear: both;	
	border-width: 1px;
	border-color: #ffffff;      
	background-color: #ffffff;   
	border-style: solid;
	margin: 10px 0px 10px 8px;
    font-family: arial, Tahoma, Gulim;
}

.display_line_no_borders
{
	border-style: none;
	background-color: #ffffff;  
	width: 98%;
}

.display_line_nested
{ 
	margin: 0px 0px 0px 8px;
	border-style: none;
}

.display_block_charge
{
	width: 32%;
	float: left;
	border-width: 1px;
	border-color: #999999;
	background-color: #f8f8ff;          /*ghostwhite; #f6f6f1; #F0F0EB;*/
	border-style: solid;
	margin: 10px 0px 10px 8px;	
}

.display_charge_line
{
	width: 100%;
	margin: 6px 0px 6px 5px;	
}

.label_input_group_charge
{
	padding: 3px 0px 3px 8px;
}
.col_3_color
{
	background-color: Orange; 
}

/* Schema! */
#id_info_read_only
{
    color: white;
    border-color:  #304E4F;         
    background-color: #2A5A6E;      
    border-style: solid;
    border-width: 2px;
    margin:  10px 0px 6px 10px;
    padding: 5px;
    width: 96%;
}

#indicates_required_field
{
	margin: 10px 0px 5px 10px;
	clear: both;
}

/* ----------------------- fancy tab menu styles ------------------------*/

#fancy_tabs_menu_container
{
	margin-left: 0;
	margin-top: 10px;
	width: 1000px;
}

/* Schema! (Tab label hover color) */	
#fancy_tabs a:hover
{
    color: #FFCC00;              /* Dark Goldenrod; Purple;#CC00FF; */
    text-decoration: none;
    padding-top: 3px;
}

.fancy_tab_common
{
    float: left;
    margin: 0px -10px 0px -4px;
    padding: 0;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    font-family: Arial, Tahoma, Gulim;
    width: 95px;
    height: 23px;
}

.fancy_tab_100_inactive
{
	/*background-image: url(../images/tabs/seafoam_tab_black_line_100px.png);*/
    background-color: #92A8B1;          /* Medium Gray */  
}

.fancy_tab_100_inactive a:link 
{
	color: #000000;
	text-decoration: none;
}

.fancy_tab_100_inactive a:visited
{
	color: #000000;
	text-decoration: none;
}

/* Schema! Active tab image*/
.fancy_tab_100_active
{
    /*background-image: url(../images/tabs/CadetTab.png);  /*url(../images/tabs/BrownTab.png); /* url(../images/tabs/DarkBlueTab.png); url(../images/tabs/white_tab_black_line_100px.png);*/
    background-color: #2A5A6E;      /* Dark BlueGreen */
    font-size: 10pt;
    font-weight: bold;
}

.fancy_tab_100_active a:link
{
    color: #ffffff;
    font-weight: bold;
	text-decoration: none;
}

.fancy_tab_100_active a:visited
{
    color: #ffffff;
    font-weight: bold;
	text-decoration: none;
}

#required_items_missing
{
    display: none;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: arial, Tahoma, Gulim;
    border-style: solid;
    border-width: 2px;
    border-color: #CC0000;
    background-color: #FFFFFF;
    margin: 10px 20px 0px 20px;
    padding: 5px;
    width: 600px;
}

.field_label
{
    font-size: medium;
    font-weight: bold;
    font-family: arial, Tahoma, Gulim;
	color: #000000;    
}

.field_label_small
{
    font-size: small;
    font-family: arial, Tahoma, Gulim;
	color: #000000;    
}

.field_label_smaller
{
    font-size: smaller;
    font-family: arial, Tahoma, Gulim;
	color: #000000;    
}

.part_c_items
{
	padding-left: 60px;
	padding-right: 60px;
}

.part_c_textbox
{
	padding-left: 16px;
}

.part_a_items
{
	padding-left: 24px;
	/* padding-right: 60px; */
}

#xml_file_names
{
	margin-left: 15%;
	margin-bottom: 15px;
}

#xml_file_names p
{
	margin-bottom: 5px;
}

#xml_file_names .big_text
{
	font-size: 14px;
}

.submit_page
{
	margin: 10px 0px 15px 25%;
}

#contact_info
{
	margin: 25px;
	padding-left: 300px;
}

#print_docs_button
{
	margin: 75px;
	text-align: center;
}

.example
{
	font-size: 7pt;
	color: #615C5D;
}

.underlined
{
	text-decoration: underline;
}

#medical_disclaimer
{
	padding-left: 25px;
}

.char_count
{
	font-size: 8pt;
	color: #615C5D;
	display: inline;
	margin-left: 10px;
}

.char_count_txt
{
	font-size: 8pt;
	color: #615C5D;
	margin-left: 5px;
    background-color: transparent;
    border: none;
    border-style: none;
    width: 50px;
}

.added_page_button
{
	font-size: 7pt;
	color: black;
}

.additional_text_buttons
{
	margin: 10px 20px 10px 20px;
}

.search_button
{
	border: outset;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}

.timeout_warning_display
{
	margin: 0px;
	padding: 5px;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
    font-family: arial, Tahoma, Gulim;
	color: white;
	background-color :Red;
}

.user_id_display
{
	margin-left: 30px;
	margin-top: 5px;
    font-family: arial, Tahoma, Gulim;
}

#file_name_list
{   
    width: 90%; 
    border: thin solid black;
    border-collapse: collapse;
}

#file_name_list th, td
{
	border: solid 1px black;
    background-color: #e3f0f7;
}

#file_name_list th
{
	font-size: 14px;
    background-color: #3399FF;
}

.file_name_list_alt_color
{
    background-color: #3399FF;
}

.field_input_data_missing
{	
	background-color: #FFFF99;       /*Yellow; #fff44f=Lemon Yellow */
}

.txtshadow {
	-moz-box-shadow: 3px 3px 4px grey;
	-webkit-box-shadow: 3px 3px 4px grey;
	box-shadow: 3px 3px 4px grey;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}

/* Schema! */
/* Created From https://css-tricks.com/examples/ButtonMaker/# */
/* OLD
.btnNav {
   border-top: 1px solid #468fbd;
   background: #25576b;
   background: -webkit-gradient(linear, left top, left bottom, from(#4d6873), to(#25576b));
   background: -webkit-linear-gradient(top, #4d6873, #25576b);
   background: -moz-linear-gradient(top, #4d6873, #25576b);
   background: -o-linear-gradient(top, #4d6873, #25576b);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Arial, Georgia, serif;
   font-weight: 200;
   text-decoration: none;
   vertical-align: middle;
}
*/
/* btnNav main, hover and active styles reside in the Master95p.Master page as it wouldn't pick up from here... */

/* prior and next page arrows */ 
#NextOrPriorPage
{
	text-align: center;
	clear: both;
	padding-bottom: 15px;
}

#NextOrPriorPage img
{
	border: none;
	margin-left: 15px;
	margin-right: 15px;
}
.login_items 
{
    align-self: center;
    font-size: medium;
    font-weight: bold;
    font-family: arial, Tahoma, Gulim;
	color: #000000; 
    background-color: white  
}
    
.groupingtable
{
    border: 2px groove;
    width: 98%;
    padding: 1;
    border-collapse: collapse;
    background-color: #EAE9E3;
}