﻿*{
    margin: 0;
    padding: 0;
}

body {
   margin: 0 auto;
   font-family: Arial, sans-serif;
   font-size: 0.8em;
}

#wrapper
{
    width: 960px;
    margin: 0 auto;
    background-color: white;
    text-align: left;
    min-height:900px;
}

A:link 
{
	color: navy; 
	font-weight : normal;
}

A:visited
{
	color: navy; 
	font-weight : normal;
}

A:hover 
{
	text-decoration: underline;
	color: blue;
	font-weight : normal;
}


.change_user_section
{
	font-family : Verdana;
    font-size : .85em;
    text-decoration: none;
	color : white;
	font-weight :bold;
    width :300px;
    height : 2px;
}

.change_user_section A
{ 
	font-family : Verdana;
    font-size : .85em;
    color : white;
	font-weight :normal;
}

.change_user_section A:link
{ 
	font-family : Verdana;
    font-size : .85em;
    color : white;
	font-weight :normal;
}
.change_user_section A:hover
{ 
	font-family : Verdana;
    font-size : .85em;
    color : white;
	font-weight :normal;
	text-decoration: underline;
}

.ApplicationTitle
{
    color: #00538A;
    font-size: 1.75em;
    font-weight: bold;
}

.HeadingSection
{
    background-color: #B9C7D5;
}

.page_title
{
    color: #006bb3;
    font-family: Arial;
    font-size: 1.2em;
    font-weight: bold;
}

.section_header
{
	background-color: #D1E3F6;
	font-weight: bold;
    font-size : .9em;
	color: Navy;
	border: solid 1px silver;
    height: 2em;
}

.section_title
{
	font-weight: bold;
	color: Navy;
	padding: 4px;
    float: left;
}


.section_link
{
	color: Navy;
	padding: 4px;
    float: right;
}

.section_desc {
    font-weight: bold;
    font-style: italic;
    color: #006bb3;
    padding: 4px;
    float: left;
}

.ErrorText
{
	color : Red;
	white-space: nowrap;
}

.Label
{
	font-weight: normal;
	text-align: right;
	color: Navy;
	white-space: nowrap;
    font-size: .95em;
    padding-right:0.5em;
}

.LabelValue
{
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
    font-size: .95em;
    color: black;
}

.label_title
{
    font-weight: bold;
	text-align: left;
	color: Navy;
	white-space: nowrap;
    font-size: .97em;
    padding-right:0.5em;
    padding-left: 1em;
}

.footnote
{
    padding-top: 1em;
    padding-left: 4px;
    font-weight: bold;
    font-size: .85em;
    font-style: italic;
    color: gray;
}


.blue_gradient_bar
{
    width:100%;
    background: #FFFFFF url(Images/BlueGradient.gif) repeat-x;
    height: 1.85em;
    border-bottom: 1px solid silver;
}

table.input
{
   border: 0px;
}
    table.input td
    {
        padding: 2px;
    }


table.RadioBtnList tr td label {
    margin-left: 5px;
    margin-right: 10px;
}

table.ChkBoxList tr td label {
    margin-left: 5px;
    margin-right: 10px;
}

/*********************
Top Menu Navigation
*********************/
.primary_menu_items
{
    text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 1em;
    font-weight : bold;
    width: 12em;
    padding-top:.3em;
}

.primary_menu_items A 
{ 
    text-decoration: none; 
    text-align: center;
    color: white;
    font-family: Verdana, sans-serif;
    font-size : 1em;
    font-weight : bold; 
    display: block;
}

.primary_menu_items A:link 
{
    text-decoration : none;
    color: white; 
    font-family: Verdana, sans-serif;
    font-size : 1em;
    font-weight : bold;
    display: block;
}

.primary_menu_items A:hover 
{
    color: #b3e0ff; 
    font-family: Verdana, sans-serif;
    font-size : 1em;
    font-weight : bold;
    display: block;
}

.primary_menu_items_selected
{
    text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 1em;
    font-weight : bold;
    width: 12em;
    padding-top:.3em;
}

.primary_menu_items_selected A 
{ 
    text-decoration: none; 
    text-align: center;
    color: #D1E3F6;
    font-family: Verdana, sans-serif;
    font-size : 1em;
    font-weight : bold; 
    display: block;
}

.primary_menu_items_selected A:link 
{
    text-decoration : none;
    color: #D1E3F6; 
    font-family: Verdana, sans-serif;
    font-size : 1em;
    font-weight : bold;
    display: block;
}

.secondary_bar
{
    width:100%;
    background: #FFFFFF url(Images/BlueGradient.gif) repeat-x;
    height: 1.85em;
    border-bottom: 1px solid silver;
}

.secondary_menu_items
{
    text-decoration: none;
    text-align: center;
    font-family : Verdana, sans-serif;
    font-size: .95em;
    font-weight : bold;
    padding: .4em 2.5em;
}

.secondary_menu_items A 
{ 
    text-decoration: none; 
    color: navy;
    font-family: Verdana, sans-serif;
    font-size: .95em;
}

.secondary_menu_items A:link 
{
    text-decoration: none;
    color: navy; 
    font-family: Verdana, sans-serif;
    font-size: .95em;
}

.secondary_menu_items A:hover 
{
    color: navy;
    font-family: Verdana, sans-serif;
    font-size: .95em;
}

.secondary_menu_items_selected
{
    font-family : Verdana, sans-serif;
    font-size : .95em;
    padding: .4em 2.5em;
}

.secondary_menu_items_selected A 
{ 
    font-family : Verdana, sans-serif;
    color: navy;
    text-align: center;
    font-size : .95em;
    display: block;
}

.secondary_menu_items_selected A:link 
{
    font-family : Verdana, sans-serif;
    color: navy;
    font-size : .95em;
    display: block;
}

.action_button
{
    background-color: #00538A;
    color: white;
    border: none;
    width: 4.5em;
    height: 21px;
}

.textbox_multiline
{
   font-family: Arial, sans-serif;
   font-size: .95em;
}

/******************
.GridView 
******************/
.GridView
{
	background-color: white;
}
    /*.GridView th
    {
        text-align:left;
    }*/

.GridViewHeaderStyle
{   
	padding-left: 2px;
	font-weight:bold;   
	/*text-align:left;*/
    height:19px;
	vertical-align:middle;
	font-size: 0.95em;
    font-style: italic;
}
/*.GridViewHeaderStyle th
{
    text-align:left;
}*/

.GridViewEmptyDataRowStyle
{
	background-color: #FFFFFF;
	/* color: Navy; */
	font-weight: bold;
}

tr.GridViewEmptyDataRowStyle td
{
	padding-top: .8em;
	padding-bottom: .8em;
	padding-left: .8em;
}

tr.GridViewRowStyle td
{
	padding-right: 10px;
	padding-left: 2px;
    border-bottom: 1px solid silver;
    height:19px;
    font-size: 0.95em;
}

tr.GridViewAlternatingRowStyle td
{
	background-color: #EEEEEE;
	padding-right: 10px;
	padding-left: 2px;
    border-bottom: 1px solid silver;
    height:19px;
    font-size: 0.95em;
}

.GridViewSelectedRowStyle
{
	background-color: #cde1f5;
	color: Navy;
	font-weight: normal;
}

.GridViewEditRowStyle
{
	background-color: #999999;
}

.GridViewPagerStyle
{   
	text-align:left;
    height:19px;
	vertical-align:middle; 
	font-size:1.1em;
} 
tr.GridViewPagerStyle td
{   
	padding-right: 5px;
	padding-left: 0px;
	background-color: #E5E6F4;  
}

.GridViewFooterStyle
{   
	text-align:left;
    height:19px;
	vertical-align:middle; 
} 
tr.GridViewFooterStyle td
{   
	padding-right: 10px;
	padding-left: 2px;
	font-weight:bolder;
	background-color: #E5E6F4;  
	/*text-align: right;*/
	font-size: .92em;
}
/******************
.GridView - END
******************/


/**************
 Tab Control
 **************/
.ajaxTab .ajax__tab_header {font-family:Arial; color:Navy; font-size:12px;background:url("images/tabs/tab-line.gif") repeat-x bottom;}
.ajaxTab .ajax__tab_outer {padding-right:0px;background:url("images/tabs/tab-right.gif") no-repeat right;height:21px;}
.ajaxTab .ajax__tab_inner {padding-left:3px;background:url("images/tabs/tab-left.gif") no-repeat;}
.ajaxTab .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url("images/tabs/tab.gif") repeat-x;}
.ajaxTab .ajax__tab_hover  .iLinkTab .ajax__tab_outer {background:url("images/tabs/tab-hover-right.gif") no-repeat right;}
.ajaxTab .ajax__tab_hover .ajax__tab_inner {background:url("images/tabs/tab-hover-left.gif") no-repeat;}
.ajaxTab .ajax__tab_hover .ajax__tab_tab {background:url("images/tabs/tab-hover.gif") repeat-x;}
.ajaxTab .ajax__tab_active .ajax__tab_outer {background:url("images/tabs/tab-active-right.gif") no-repeat right;}
.ajaxTab .ajax__tab_active .ajax__tab_inner {background:url("images/tabs/tab-active-left.gif") no-repeat;}
.ajaxTab .ajax__tab_active .ajax__tab_tab {background:url("images/tabs/tab-active.gif") repeat-x;}
.ajaxTab .ajax__tab_body {border:1px solid #999999; border-top:0px; padding: 2em 1em 3em 1em; background-color:#ffffff;}
/******************
 Tab Control - END
 ******************/


/******************
.Modal Popup window
******************/
.modal_window
{
    background-color: #FFFFFF;
}
.modal_bg
{
	background-color: #666699;
	background-color:slategray;
    filter: alpha(opacity=0);
	opacity: 0.7;
}

.modal_header
{
    /* LJP (10/31/14) background-color: #1F52A1;*/
    background-color: #00538A;
    /* LJP (10/31/14) height : 15px;*/
    height : 18px;
    width : 100%;
}
    .modal_header A
    {
        color: white;
        font-weight : bold;
        font-size: 1.1em;
        text-decoration : none;
    }

    .modal_header A:link
    {
        color: white;
        font-weight : bold;
        font-size: 1.1em;
        text-decoration : none;
    }

.modal_title
{
    color: #CD0000;
    font-family: Arial, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 4px;
    float:left;    
}

.popup_Container {
	background-color:#ffffff;
	border:2px solid #000000;
	padding: 0px 0px 0px 0px;
}

.popupConfirmation
{
	width: 300px;
	height: 200px;
}

.popup_Titlebar {
	background: url(Images/BlueGradient.gif) repeat-x;
	height: 29px;
}

.popup_Body
{
	padding:15px 15px 15px 15px;
	/*font-family:Arial;*/
	/*font-weight:bold;*/
	font-size:1em;
	color:#000000;
	line-height:15pt;
	clear:both;
	padding:20px;
}

.TitlebarLeft 
{
	float:left;
	padding-left:5px;
	padding-top:5px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-weight:bold;
	font-size:12px;
	color: navy;
}

.TitlebarRight 
{
	background:url(Images/close_window_red.png);
	background-position:right;
	background-repeat:no-repeat;
	height:20px;
	width:50px;
	float:right;
	cursor:pointer;
	margin-right:2px;
	margin-top:2px;
}

.popup_Buttons
{
	margin:10px;
    text-align:right;
}

/*JQuery Slide Toggle class*/
.flip_header
    {
    /*background-color:#D1E3F6;*/
    background: #FFFFFF url(Images/BlueGradient.gif) repeat-x; 
    border:none;
    width:750px;
    color:navy;
    font-weight: bold;
    vertical-align: bottom;    
    }
.flip_header_table
{
    border:0px;
}
 .flip_header_table td
    {
        padding-left: 3px;
    }
.flip_content
    {
    padding:5px;
    text-align:left;
    background-color:white;
    width:750px;
    padding:0px;
    display:none;
    }


/* Following style was added because the Popup Calendar was not displaying properly due to some style defined above. */
.ajax__calendar_container table tr td {font-size:11px; width:0px; height:0px;padding:0; margin:0;}

/* Following style is needed when a Popup Calendar is embedded within a template field in a GridView.  The style
    of the GridView was affecting the way the calendar got displayed. */
.gridviewCalendarContainer table
{
    width:0px;
    height:0px;
}
.GridViewCalendarContainer table tr td
{
    padding:0;
    margin:0;
    border:none;
    font-size: 11px;
}
