﻿html, body {
  /* These are the default font settings, for others only specify the differences */
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  color: #333;
}
body {
  margin: 0;
  padding: 0;
  border: none;
  background-color: #CDCDCD; /*background: #DEDBDE url('../_Images/BlackWhiteDotBig.gif');*/
}
/*                                                       Html elements default styling */
dfn {
  /* Do not use the dfn tag for anything else other than the Elapsed years in buseniss */
  font-style: normal;
}
a:link {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
  color: #36C;
  text-decoration: underline;
}
a:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
  color: #5E7DD0;
  text-decoration: underline;
}
a:hover {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  color: #333;
  text-decoration: none;
}
h1 {
  font-weight: normal;
  font-size: 22px;
  color: #4367C5; /*line-height: 20px;*/
}
h2 {
  font-weight: normal;
  font-size: 18px;
  color: #4367C5; /*line-height: 21px;*/
}
h3 {
  font-weight: normal;
  font-size: 15px;
  color: #4367C5; /*line-height: 19px;*/
}
h4 {
  font-weight: bold;
  font-size: 13px;
  color: #4367C5; /*line-height: 17px;*/
}
h5 {
  font-weight: bold;
  font-size: 11px;
  color: #4367C5; /*line-height: 14px;*/
}
img {
  border-style: none;
}

/*                                                       Styles with tag ID selection, do not set font info with ID*/
#PageContainer {
  position: relative;
  top: 0;
  margin: 0 auto;
  width: 950px;
  background-color: #FFFFFE;
  padding: 10px 10px 0;
}
#BannerContainer {
  position: relative;
  width: 950px;
  height: 75px;
}
#BannerLeft {
  position: absolute;
  left: 0;
  padding: 2px 4px 1px;
  height: 70px;
  width: 181px;
  margin-right: 761px;
}
#BannerRight {
  margin-left: 189px;
  height: 75px;
  background-color: #4367C4;
  background-image: url('../_Images/BluePhoneLogo.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
}
#TopMenu {
  background-color: #363636;
  border-top: solid 2px white;
  height: 26px;
}
#Title_Home {
  margin-top: 4px;
  padding: 4px 14px;
  border-left: solid 10px #FF6633;
  background: #2E3640 url('../_Images/White4by1.gif') repeat-y left;
}
#MainLeft {
  position: absolute;
  left: 10px;
  width: 176px;
  padding: 4px;
}
#MainRight {
  position: absolute;
  top: 113px;
  left: 765px;
  width: 185px;
  background-color: Transparent;
  padding: 0 4px 0 5px;
}
#MainCenter {
  margin-left: 184px;
  padding: 4px 215px 4px 14px;
  min-height: 380px;
  height: auto !important;
  height: 380px;
  width: 536px;
  background: #FFFFFE url('../_Images/bgGrey.gif') repeat-y right;
  border-left: solid 1px #E1E1E1;
  font-size: 14px;
}
#MainRight_Home {
  position: absolute;
  top: 187px;
  left: 765px;
  width: 185px;
  background-color: Transparent;
  padding: 0 4px 0 5px;
}
#MainCenter_Home {
  padding: 4px 202px 4px 14px;
  min-height: 380px;
  height: auto !important;
  height: 380px;
  width: 734px;
  background: #FFFFFE url('../_Images/bgGrey.gif') repeat-y right;
}
#FirstFooter {
  background-color: #363636;
  padding: 4px 0;
  text-align: center;
  z-index: 0;
}
#FirstFooter_Home {
  background: #363636 url('../_Images/White4by1.gif') repeat-y right;
  padding: 4px 0;
  text-align: center;
  z-index: 0;
  border-right: solid 10px #FF9900;
}
#SecondFooter {
  position: relative;
  top: -40px;
  font-size: 8px;
  text-align: center;
  z-index: -1;
  height: 0;
}


/*                             Top Menu formating */
.TopMenu {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.TopMenu li {
  float: left;
  display: inline;
  margin: 0;
}
li.ClientLogin_Home {
  visibility: visible;
  float: right;
}
li.ClientLogin_Others {
  visibility: visible;
  float: right;
}
a.MenuOff:link, a.MenuOff:visited {
  display: block;
  line-height: 18px;
  padding: 4px 14px;
  font-size: 14px;
  color: #FFF;
  font-variant: small-caps;
  text-decoration: none;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
}
a.MenuOff:hover {
  background-color: #828282;
}
a.MenuOn:link, a.MenuOn:visited {
  background-color: #4367C4;
  display: block;
  line-height: 18px;
  padding: 4px 14px;
  font-size: 14px;
  color: #FFF;
  font-variant: small-caps;
  text-decoration: none;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
}
a.MenuOn:hover {
  background-color: #828282;
}


/*                             Small banner below the top menu only on the splash page */
a.Home_Title_Link:link, a.Home_Title_Link:visited {
  font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif, Georgia;
  font-size: 14px;
  color: #FFF;
  float: right;
  text-decoration: underline;
}
a.Home_Title_Link:hover {
  text-decoration: none;
}


/*                             Left Column Navigation default styles */
/*
.Collapse {
  background-image:url('../_Images/Down.gif');
  vertical-align: text-bottom;
}
.Expand {
  background-image:url('../_Images/Up.gif');
  vertical-align: text-bottom;
}
*/
.Navi_Level_1 {
  list-style-type: none;
  padding-left: 6px;
  font-weight: normal;
  margin-left: 0;
}
.Navi_Level_1 li {
  padding-top: 6px;
  padding-bottom: 8px;
  border-bottom: dashed 1px #B9B9B9;
}
.Navi_Level_1_Header {
  position: relative;
  left: -6px;
}
.Navi_Level_1_Header_Text {
  font-size: 15px;
}
.Navi_Level_2 {
  list-style-type: none;
  padding-left: 10px;
  font-weight: normal;
  margin-left: 0;
}
.Navi_Level_2 li {
  padding-top: 4px;
  padding-bottom: 6px;
  border-bottom-style: none;
}
.Navi_Level_2_Header {
  position: relative;
  left: -10px;
  font-variant: small-caps;
}
.Navi_Level_2_Header_Text {
  font-size: 14px;
  font-variant: small-caps;
}
.Navi_Level_1 a:link, a:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-weight: normal;
  font-size: 13px;
  color: #3366CC;
  text-decoration: underline;
}
.Navi_Level_1 a:hover {
  color: #3366CC;
  text-decoration: none;
}
a.Navi_Current_Page:link, a.Navi_Current_Page:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-weight: normal;
  font-size: 13px;
  color: #333;
  text-decoration: none;
}
a.Navi_Current_Page:hover {
  text-decoration: none;
}

/*                                                                    LINKS                         */
a.Links_Default:link {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
  color: #36C;
  text-decoration: underline;
}
a.Links_Default:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
  color: #5E7DD0;
  text-decoration: underline;
}
a.Links_Default:hover {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  color: #333;
  text-decoration: none;
}
a.Links_Default_12:link {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 12px;
  color: #36C;
  text-decoration: underline;
}
a.Links_Default_12:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 12px;
  color: #5E7DD0;
  text-decoration: underline;
}
a.Links_Default_12:hover {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  color: #333;
  text-decoration: none;
}
a.Links_Default_14:link {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 14px;
  color: #36C;
  text-decoration: underline;
}
a.Links_Default_14:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 14px;
  color: #5E7DD0;
  text-decoration: underline;
}
a.Links_Default_14:hover {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  color: #333;
  text-decoration: none;
}
a.Links_Default_18:link, a.Links_Default_18:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 18px;
  font-weight: normal;
  color: #333;
  text-decoration: underline;
}
a.Links_Default_18:hover {
  text-decoration: none;
}
a.Links_Reg_Blue:link, a.Links_Reg_Blue:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-weight: normal;
  color: #4367C5;
  text-decoration: underline;
}
a.Links_Reg_Blue:hover {
  text-decoration: none;
}
a.Links_Light_Blue:link, a.Links_Light_Blue:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-weight: normal;
  color: #728DD4;
  text-decoration: underline;
}
a.Links_Light_Blue:hover {
  text-decoration: none;
}
a.Links_Light_Blue_Bold:link, a.Links_Light_Blue_Bold:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-weight: bold;
  color: #728DD4;
  text-decoration: underline;
}
a.Links_Light_Blue_Bold:hover {
  text-decoration: none;
}
a.Links_Dark_Blue:link, a.Links_Dark_Blue:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-weight: normal;
  color: #006;
  text-decoration: underline;
}
a.Links_Dark_Blue:hover {
  text-decoration: none;
}

/*                                                                    Regular Class selector styles */
.ClearFloat {
  clear: both;
}
.HideMe {
  visibility: hidden;
}
.ShowMe {
  visibility: visible;
}
.CenterMe {
  text-align: center;
}
.LeftMe {
  text-align: left;
}
.FloatRight {
  float: right;
}
.InlineDisplay {
  display: inline;
}
.Verdana_Plus {
  font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif, Georgia;
}
.Arial_Plus {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
}
/*                                                                      Colored fonts with different sizes */
.Default {
  color: #333;
  font-size: 13px;
}
.Default_Larger {
  color: #333;
  font-size: 14px;
}
.Default_MedLarge {
  color: #333;
  font-size: 16px;
}
.Default_Large {
  color: #333;
  font-size: 18px;
}
.Default_XLarge {
  color: #333;
  font-size: 22px;
}
.Default_XXLarge {
  color: #333;
  font-size: 26px;
}

.Blue_Reg {
  font-size: 13px;
  color: #4367C5;
}
.Blue_Reg_Larger {
  color: #4367C5;
  font-size: 14px;
}
.Blue_Reg_MedLarge {
  font-size: 16px;
  color: #4367C5;
}
.Blue_Reg_Large {
  color: #4367C5;
  font-size: 18px;
}
.Blue_Reg_20 {
  font-size: 20px;
  color: #4367C5;
}
.Blue_Reg_XLarge {
  color: #4367C5;
  font-size: 22px;
}
.Blue_Reg_XXLarge {
  color: #4367C5;
  font-size: 26px;
}

.Blue_Dark {
  color: #006;
  font-size: 13px;
}
.Blue_Dark_Larger {
  color: #006;
  font-size: 14px;
}
.Blue_Dark_MedLarge {
  color: #006;
  font-size: 16px;
}
.Blue_Dark_Large {
  color: #006;
  font-size: 18px;
}
.Blue_Dark_XLarge {
  color: #006;
  font-size: 22px;
}
.Blue_Dark_XXLarge {
  color: #006;
  font-size: 26px;
}

.Blue_Light {
  color: #728DD4;
  font-size: 13px;
}
.Blue_Light_Larger {
  color: #728DD4;
  font-size: 14px;
}
.Blue_Light_MedLarge {
  color: #728DD4;
  font-size: 16px;
}
.Blue_Light_Large {
  color: #728DD4;
  font-size: 18px;
}
.Blue_Light_XLarge {
  color: #728DD4;
  font-size: 22px;
}
.Blue_Light_XXLarge {
  color: #728DD4;
  font-size: 26px;
}

.Grey {
  color: #666;
  font-size: 13px;
}
.Grey_Larger {
  color: #666;
  font-size: 14px;
}
.Grey_MedLarge {
  color: #666;
  font-size: 16px;
}
.Grey_Large {
  color: #666;
  font-size: 18px;
}
.Grey_20 {
  font-size: 20px;
  color: #666;
  margin: 0;
  font-weight: normal;
}
.Grey_XLarge {
  color: #666;
  font-size: 22px;
}
.Grey_XXLarge {
  font-size: 26px;
  color: #666;
  margin: 0;
  font-weight: normal;
}

.Orange {
  color: #F90;
}
.Orange_Larger {
  font-size: 14px;
  color: #F90;
}
.Orange_MedLarge {
  font-size: 16px;
  color: #F90;
}
.Orange_Large {
  font-size: 18px;
  color: #F90;
}
.Orange_XLarge {
  font-size: 22px;
  color: #F90;
}
.Orange_XXLarge {
  font-size: 26px;
  color: #F90;
}

.Red {
  color: #F00;
}
.Red_Larger {
  font-size: 14px;
  color: #F00;
}
.Red_MedLarge {
  font-size: 16px;
  color: #F00;
}
.Red_Large {
  font-size: 18px;
  color: #F00;
}
.Red_XLarge {
  font-size: 22px;
  color: #F00;
}
.Red_XXLarge {
  font-size: 26px;
  color: #F00;
}

.White {
  color: #FFF;
}
.White_Larger {
  font-size: 14px;
  color: #FFF;
}
.White_MedLarge {
  font-size: 16px;
  color: #FFF;
}
.White_Large {
  font-size: 18px;
  color: #FFF;
}
.White_20 {
  font-size: 20px;
  color: #FFF;
}
.White_XLarge {
  font-size: 22px;
  color: #FFF;
}
.White_XXLarge {
  font-size: 26px;
  color: #FFF;
}

.BannerTollFree {
  margin: 0;
  padding-top: 17px;
  padding-right: 15px;
  text-align: right;
  font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif, Georgia;
  font-size: 17px;
  color: #FFF;
  font-weight: bold;
}
.BannerTollFree:first-line {
  letter-spacing: -1px;
  font-weight: normal;
}



/*                             Special containers */
.Blue_Box_1 {
  background-color: #DAE8EC;
  padding: 4px;
}
.P_2_Column_First {
  margin: 0 10px;
  width: 42%;
  float: left;
}
.P_2_Column_Second {
  margin: 0 10px;
  width: 42%;
  float: left;
}
.List_Center_1 li {
  padding-bottom: 2px;
  width: 75%;
}
.List_Center_1 a:link {
  color: #36C;
  text-decoration: underline;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
}
.List_Center_1 a:visited {
  color: #5E7DD0;
  text-decoration: underline;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
}
.List_Center_1 a:hover {
  color: #333;
  text-decoration: none;
}
.List_Center_2 li {
  padding-bottom: 8px;
  width: 88%;
}
.List_Center_2 a:link {
  color: #36C;
  text-decoration: underline;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
}
.List_Center_2 a:visited {
  color: #5E7DD0;
  text-decoration: underline;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
}
.List_Center_2 a:hover {
  color: #333;
  text-decoration: none;
}
.List_Center_3 li {
  padding-bottom: 12px;
  width: 95%;
}
.List_Center_3 a:link {
  color: #36C;
  text-decoration: underline;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
}
.List_Center_3 a:visited {
  color: #5E7DD0;
  text-decoration: underline;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
}
.List_Center_3 a:hover {
  color: #333;
  text-decoration: none;
}
.List_Content {
  border-bottom: dashed 1px #B9B9B9;
}
.List_Content dt {
  color: #4367C5;
  margin-top: 10px;
  padding-top: 4px;
  border-top: dashed 1px #B9B9B9;
}
.List_Content dd {
  padding-top: 4px;
  margin-left: 14px;
}
.List_Resources dt {
  margin-top: 10px;
  padding-top: 4px;
  border-top: dashed 1px #B9B9B9;
}
.List_Resources dd {
  padding-top: 4px;
  margin-left: 14px;
}
.List_Resources a:link {
  color: #36C;
  text-decoration: underline;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
}
.List_Resources a:visited {
  color: #5E7DD0;
  text-decoration: underline;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
}
.List_Resources a:hover {
  color: #333;
  text-decoration: none;
}
.List_News dt {
  margin-top: 10px;
  padding-top: 4px;
  border-top: dashed 1px #B9B9B9;
  font-size: 13px;
}
.List_News dd {
  padding-top: 4px;
  margin-left: 14px;
}
.List_News a:link {
  color: #36C;
  text-decoration: underline;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
}
.List_News a:visited {
  color: #5E7DD0;
  text-decoration: underline;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
}
.List_News a:hover {
  color: #333;
  text-decoration: none;
}
.List_2_Column_First {
  width: 42%;
  float: left;
}
.List_2_Column_First li {
  padding-bottom: 2px;
}
.List_2_Column_First li a:link, li a:visited {
  font-size: 12px;
  color: #36C;
  text-decoration: underline;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
}
.List_2_Column_First li a:Hover {
  color: #333;
  text-decoration: none;
}
.List_2_Column_Second {
  width: 42%;
  float: left;
}
.List_2_Column_Second li {
  padding-bottom: 2px;
}
.List_2_Column_Second li a:link, li a:visited {
  font-size: 12px;
  color: #3366CC;
  text-decoration: underline;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
}
.List_2_Column_Second li a:Hover {
  color: #333;
  text-decoration: none;
}

/*                             Ivr Payments - Service Packages */
.Table_Service_Packages {
  background-color: #FFFFFE;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  border-collapse : collapse;
  font-size: 12px;
}
.Table_Service_Packages_Head {
  background-color: #96B4D2;
  color: #FFF;
  font-weight: bold;
  white-space: nowrap;
}
.Table_Service_Packages td {
  border: solid 1px #96B4D2;
  text-align: center;
  padding: 4px;
}
.Table_Service_Packages sub {
  color: #F90;
}
.List_Service_Packages_Small {
  list-style-type: none;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 10px;
}



/*                             Right column Special containers */
.Right_Column_Box {
  background-color: #FFFFFE;
  padding: 4px;
}
.Right_Column_Box_Head {
  background-color: #DEDBDE;
  padding: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  font-variant: small-caps;
  font-size: 14px;
}
.Right_Column_Box_Head img {
  vertical-align: text-bottom;
  margin-right: 4px;
  border: 0;
}
.Right_Column_Box dd {
  margin: 0;
  padding: 2px 0;
}
.Right_Column_Box dd a:link, dd a:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
  color: #36C;
  text-decoration: underline;
}
.Right_Column_Box dd a:hover {
  color: #333;
  text-decoration: none;
}
.Text_Grey_Small {
  font-size: 11px;
  color: #CCC;
}


/*                             3 Boxes only on the splash page, can be used on other pages as well */
.Box_Home_3Wide {
  background-color: #ECF5FF;
  width: 710px;
  padding: 4px;
}
.Box_Home {
  font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif, Georgia;
  width: 222px;
  height: 130px;
  position: relative;
  float: left;
  margin-right: 14px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #F0F0F0;
}
.Box_Home a:link, a:visited {
  font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif, Georgia;
  color: #36C;
  text-decoration: underline;
}
.Box_Home a:hover {
  text-decoration: none;
}
a.Box_Home_Link:link, a.Box_Home_Link:visited {
  font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif, Georgia;
  font-size: 20px;
  color: #4367C5;
  text-decoration: none;
}
a.Box_Home_Link:hover {
  text-decoration: underline;
}
.Blue_Small_Bold {
  font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif, Georgia;
  font-size: 14px;
  color: #4367C5;
  width: 728px;
  height: 20px;
}


/*                             News list on the splash page only*/
.News_Home {
  margin-top: 32px;
}
.News_Home_Head {
  font-variant: small-caps;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.News_Home_Head img {
  vertical-align: text-bottom;
  border: 0;
}
.News_Home_List li a:link, li a:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  color: #3366CC;
  text-decoration: underline;
  font-size: 13px;
}
.News_Home_List li a:hover {
  color: #333;
  text-decoration: none;
}

.News_Home dd {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  font-size: 13px;
}
.News_Home dd a:link, dd a:visited {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif, Georgia;
  color: #3366CC;
  text-decoration: underline;
  font-size: 13px;
}
.News_Home dd a:hover {
  color: #333;
  text-decoration: none;
}



/*                             W3C Icons styling */
.W3C_Wrap {
  padding-right: 30px;
  text-align: right;
}
.W3C_Icons {
  border: 0;
  width: 65px;
  height: 23px;
}
