/*Bootstrap modifications*/

.table thead th { 
  background-color: #ccc;
}

.btn {
	font-size:11px;
	padding: 5px 10px;
}

.table-responsive {
	-webkit-overflow-scrolling: touch;
}

.row_highlight tr.td {
    background-color:#E2EBF5;
}


/*  DEFAULTS */
p {  font-family: Arial, Helvetica, sans-serif; font-size: 11px}
td { font-family: Arial, Helvetica, sans-serif; font-size: 11px;line-height:normal;}
pre {  font-family: "Courier New", Courier, mono; font-size: 11px}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold ; line-height: 14px}
code {  font-family: "Courier New", Courier, mono; font-size: 11px}
th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}
sup {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
body {
    background-color:#FFFFFF;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:22px;
    height:100%;
}
html{
    height:100%;
}

.table_editable {
	border:thin dashed #666666;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.table_border {
	padding: 2px;
	border: 1px solid #999999;
}

.ftigray_12_bold {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
}

.ftigray_14_bold {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
font-weight:bold;
}

.ftigray_16_bold {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
font-weight:bold;
}

.ftigreen_12_bold {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#41717A;
font-weight:bold;
}

.ftigreen_14_bold {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#41717A;
font-weight:bold;
}

.fti_table {
    width:100%;
    border:none;
}

.fti_table td {
    padding: 3px;
}

.fti_table th {
    font-size: 12px;
}

.fti_table_borders {
    border-collapse: collapse;
    width:100%;
    border:none;
}

.fti_table_borders td {
    padding: 3px;
    border: 1px solid;
}

.fti_table_borders th {
    padding: 3px;
    font-size: 12px;
}

fti_table_borders table th td {
    border:1px solid gray;
}

.ftigray_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
    color: #666666;
	background-color: #CCCCCC;
    height:25px;
}

.ftigray_header th {
	padding: 3px;
}


/* GENERAL */
.gray_border {
	border:
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: thin;
	background-color: #FFFFCC;
	}

.subhead2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: normal; color: #FFFFFF; background-color: #000099}
.grey { color: #666666 }
.caption { color: #666666 }

.heading1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold ; line-height: normal; color: #990033}

.header_background_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	background-color: #000066;
	padding: 2px;
}

.section_gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #CCCCCC;
	padding: 2px;
	font-style: normal;
	font-weight: normal;
}

.header_background_blue_11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000066;
	padding: 2px;
}

.arial_small_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	color: #000000;
}
.heading_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: 000066;
	font-weight: bold;
}
.heading_blue_14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: 000066;
	font-weight: bold;	
}
.heading1a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold ; line-height: 18px}
.repeating_row {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 15px}
.box {  width: 100%}
.purple_bakground {
	font-family: arial;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #48097C;
}
.grey_background {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #DADADA;
	color: #FFFFFF;
}
.purple_with_border {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border: thin solid #999999;
	background-color: #480F7C;
}
.arial {
	font-family: arial;
	font-size: 12px;
	color: 000000;
}
.arial_small {
	font-family: arial;
	font-size: 10px;
}
.arial_small_bold {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.arial_small_blue {
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #000099;
}
.arial_11_blue_bold {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #000066;
}
.arial_10_blue_bold {
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #000066;
}
.arial_bold {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.arial_bold_xsmall_underline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
.arial_small_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
}
.heading_maroon {
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: #990033;
}
.red_background {
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000066;
}
.gray_background {
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	background-color: #DADADA;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

.content_area {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5C5C5C;
	line-height: 15px;
}

.arial_maroon {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #990033;
}
.arial_maroon_small {
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color: #990033;
}
.arial_11_maroon {
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #990033;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
a.a_blue_hover_11:link{
	text-decoration:none;
	color:#000066;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.a_blue_hover_11:visited{
	text-decoration:none;
	color:#000066;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.a_blue_hover_11:hover{
	text-decoration:underline;
	color:#3399FF;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.a_blue_hover_14:link{
	text-decoration:none;
	color:#000066;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
a.a_blue_hover_14:visited{
	text-decoration:none;
	color:#000066;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
a.a_blue_hover_14:hover{
	text-decoration:underline;
	color:#3399FF;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}


a.a_blue_hover:link{
	text-decoration:none;
	color:#000066;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.a_blue_hover:visited{
	text-decoration:none;
	color:#000066;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.a_blue_hover:hover{
	text-decoration:underline;
	color:#3399FF;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.a_blue_footer:link{
	text-decoration:none;
	color:#000066;
	font-weight:normal;
	font-family: Arial;
	font-size: 9px;
}
a.a_blue_footer:visited{
	text-decoration:none;
	color:#000066;
	font-weight:normal;
	font-family: Arial;
	font-size: 9px;
}
a.a_blue_footer:hover{
	text-decoration:underline;
	color:#3399FF;
	font-weight:normal;
	font-family: Arial;
	font-size: 9px;
}
a.a_georgia_link_14:link{
	text-decoration:none;
	color:#000099;
	font-weight:normal;
	font-family: Georgia;
	font-size: 14px;
}
a.a_georgia_link_14:visited{
	text-decoration:none;
	color:#000099;
	font-weight:normal;
	font-family: Georgia;
	font-size: 14px;
}
a.a_georgia_link_14:hover{
	text-decoration:underline;
	color:#3399FF;
	font-weight:normal;
	font-family: Georgia;
	font-size: 14px;
}
a.a_footer_link:link{
	text-decoration:none;
	color:#000099;
	font-weight:normal;
	font-family: Arial;
	font-size: 10px;
}
a.a_footer_link:visited{
	text-decoration:none;
	color:#000099;
	font-weight:normal;
	font-family: Arial;
	font-size: 10px;
}
a.a_footer_link:hover{
	text-decoration:underline;
	color:#3399FF;
	font-weight:normal;
	font-family: Arial;
	font-size: 10px;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.heading {
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #0000CC;
}
.heading_small {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #3399CC;
}
.arial_xsmall_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
}


a.menu_main:link{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.menu_main:visited{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.menu_main:hover{
	text-decoration:underline;
	color:#FFFF00;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}
a.menu_sub:link{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.menu_sub:visited{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.menu_sub:hover{
	text-decoration:underline;
	color:#FFFF00;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}
a.menu_main_selected:link{
	text-decoration:none;
	color:#FFFF00;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.menu_main_selected:visited{
	text-decoration:none;
	color:#FFFF00;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.menu_main_selected:hover{
	text-decoration:underline;
	color:#FFFF00;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.arial_blue_14_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000066;
}

.arial_blue_14_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
}

.arial_blue_14_bold_yel_bkgd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	background-color: #FFFF66;
}

.arial_blue_18_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
}

.arial_blue_24_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
}
.arial_maroon_14_bold {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #990033;
}

.pagebreak
{
    PAGE-BREAK-BEFORE: always
}

/*************************************************************************************************************
This codes handles rounded corners. No border.
*************************************************************************************************************/
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#C9C9C9; margin:0 5px;}
.b2f {height:1px; background:#C9C9C9; margin:0 3px;}
.b3f {height:1px; background:#C9C9C9; margin:0 2px;}
.b4f {height:2px; background:#C9C9C9; margin:0 1px;}
.contentf {background: #ddd;}
.contentf div {margin-left: 5px;}

/*************************************************************************************************************
This codes handles rounded corners with a border.  gray background
*************************************************************************************************************/
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#C9C9C9; margin:0 5px;}
.b2 {height:1px; background:#DADADA; border-right:2px solid #C9C9C9; border-left:2px solid #C9C9C9; margin:0 3px;}
.b3 {height:1px; background:#DADADA; border-right:1px solid #C9C9C9; border-left:1px solid #C9C9C9; margin:0 2px;}
.b4 {height:2px; background:#DADADA; border-right:1px solid #C9C9C9; border-left:1px solid #C9C9C9; margin:0 1px;}
.contentb {background: #DADADA; border-right:1px solid #C9C9C9; border-left:1px solid #C9C9C9;}
.contentb div {margin-left: 5px;}

/*************************************************************************************************************
This codes handles rounded corners with a border.  White background
*************************************************************************************************************/
.b1w, .b2w, .b3w, .b4w{font-size:1px; overflow:hidden; display:block;}
.b1w {height:1px; background:#C9C9C9; margin:0 5px;}
.b2w {height:1px; background:#fff; border-right:2px solid #C9C9C9; border-left:2px solid #C9C9C9; margin:0 3px;}
.b3w {height:1px; background:#fff; border-right:1px solid #C9C9C9; border-left:1px solid #C9C9C9; margin:0 2px;}
.b4w {height:2px; background:#fff; border-right:1px solid #C9C9C9; border-left:1px solid #C9C9C9; margin:0 1px;}
.contentw {background: #fff; border-right:1px solid #C9C9C9; border-left:1px solid #C9C9C9;}
.contentw div {margin-left: 5px;}

.form_nomargin{
	margin-top:0;
	margin-bottom:0;
}

.verdana_blk_14_bold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

.verdana_blk_16_bold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}


.verdana_blk_18_bold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

img.spinner {
	width:48px;
	height:48px;
	background: url(../images/InProgress.gif);
}

/*ADDITION OF MENU CSS FOR AN UNORDERED LIST*/
div.menu_list {
	width: 150px;
	padding-top: 25px;
}
 
h2.menu_list {
  font: 400 40px/1.5 Helvetica, Verdana, sans-serif;  /*400 is the font weight = normal*/
  margin: 0;
  padding: 0;
}
 
ul.menu_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
 
li.menu_list {
	font: 200 11px/1.5 Helvetica, Verdana, sans-serif;
	border-bottom: 1px solid #ccc;
	text-indent: 10px;
}
 
li.menu_list:last-child {
  border: none;
}
 
li.menu_list a.menu_list {
  text-decoration: none;
  color: #000;
  display: block;
  width: 150px;
 
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}
 
li.menu_list a.menu_list:hover {
  font-size: 13px;
  background: #f6f6f6;
}
li.menu_list_selected a.menu_list_selected {
  font-size: 13px;
  text-decoration: none;
  color: #000;
  display: block;
  width: 150px;
  background: #f6f6f6;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}
li.menu_list_selected {
	border-bottom: 1px solid #ccc;
	text-indent: 10px;
}

.ftigray_bg_11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #666666;
	background-color: #DADADA;
}

.ftigray_11_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

.left-header-div {
	float: left;
	width: 250px;
	height: 50px;
	margin-right: 10px;
}
.right-header-div {
	position:absolute;
	right: 0px;
}

.left-div {
	float:left;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
