body
{
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  font-size: 11px;
}
.regularBody
{
  background-color: #7764A1;
}

#pageMainDiv
{
  text-align: center;
}

#pageLayout
{
  width: auto;
  padding: 0px;
  text-align: center;
  background-color: #7764A1;
  border-width: 0px;
  border-collapse: collapse;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
}

#pageLayout .headerSection
{
  background-color: white;
  text-align: center;
  height: 100%;
}

#pageLayout .headerTop
{
  background-image: url(Images/HeaderTop.gif);
  background-position: top;
  background-repeat: repeat-x;
  height: 100%;
}
#pageLayout .headerBottom
{
  background-image: url(Images/HeaderBottom.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  height: 100%;
}
#pageLayout .headerLeft
{
  background-image: url(Images/HeaderLeft.gif);
  background-position: left;
  background-repeat: repeat-y;
  height: 100%;
}
#pageLayout .headerRight
{
  background-image: url(Images/HeaderRight.gif);
  background-position: right;
  background-repeat: repeat-y;
  height: 100%;
}
#pageLayout .headerTopLeft
{
  background-image: url(Images/HeaderTopLeft.gif);
  background-position: top left;
  background-repeat: no-repeat;
  height: 100%;
}
#pageLayout .headerTopRight
{
  background-image: url(Images/HeaderTopRight.gif);
  background-position: top right;
  background-repeat: no-repeat;
  height: 100%;
}
#pageLayout .headerBottomLeft
{
  background-image: url(Images/HeaderBottomLeft.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  height: 100%;
}
#pageLayout .headerBottomRight
{
  background-image: url(Images/HeaderBottomRight.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  height: 100%;
}






#pageLayout .bodySection
{
  position: relative;
  top: -2px;
  background-color: White;
  height: 100%;
}
#pageLayout .bodyTop
{
  background-image: url(Images/BodyTop.gif);
  background-position: top;
  background-repeat: repeat-x;
  height: 100%;
}
#pageLayout .bodyBottom
{
  background-image: url(Images/BodyBottom.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  height: 100%;
}
#pageLayout .bodyLeft
{
  background-image: url(Images/BodyLeft.gif);
  background-position: left;
  background-repeat: repeat-y;
  height: 100%;
}
#pageLayout .bodyRight
{
  background-image: url(Images/BodyRight.gif);
  background-position: right;
  background-repeat: repeat-y;
  height: 100%;
}
#pageLayout .bodyTopLeft
{
  background-image: url(Images/BodyTopLeft.gif);
  background-position: top left;
  background-repeat: no-repeat;
  height: 100%;
}
#pageLayout .bodyTopRight
{
  background-image: url(Images/BodyTopRight.gif);
  background-position: top right;
  background-repeat: no-repeat;
  height: 100%;
}
#pageLayout .bodyBottomLeft
{
  background-image: url(Images/BodyBottomLeft.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  height: 100%;
}
#pageLayout .bodyBottomRight
{
  background-image: url(Images/BodyBottomRight.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  height: 100%;
  padding: 5px 17px 10px 17px;
}
#pageLayout .bodyFooter
{
  clear: both;
  width: 100%;
  height: 30px;
}


#pageLayout .bodyMenuCell
{
  width: 190px;
  height: 100%;
}

#pageLayout .bodyMenu
{
  background-image: url(Images/MenuTop.gif);
  background-position: Top;
  background-repeat: repeat-x;
  padding-top: 32px;
  width: 190px;
  position: relative;
  float: left;
}
#pageLayout .bodyMenuTop
{
  height: 100%;
}
#pageLayout .bodyMenuBottom
{
  height: 100%;
}
#pageLayout .bodyMenuLeft
{
  height: 100%;
}
#pageLayout .bodyMenuRight
{
  background-image: url(Images/MenuRight.gif);
  background-position: Right;
  background-repeat: repeat-y;
  height: 100%;
}
#pageLayout .bodyMenuTopLeft
{
  height: 100%;
}
#pageLayout .bodyMenuTopRight
{
  height: 100%;
}
#pageLayout .bodyMenuBottomLeft
{
  height: 100%;
}
#pageLayout .bodyMenuBottomRight
{
  height: 100%;
  padding: 0px 5px 15px 0px;
}



#pageLayout .bodyContentCell
{
  background-image: url(Images/BodyTitle.gif);
  background-position: top;
  background-repeat: repeat-x;
  text-align: left;
  border-left: solid 4px white;
}
#pageLayout .bodyContent
{
  margin: 0px 0px 0px 5px;
  width: auto;
  height: 100%; /*float: right;*/
  padding: 0px 0px 10px 0px;
}

#pageLayout .bodyTitleArea
{
  width: 100%;
  height: 36px; /*margin-top: 10px;*/ /*margin-bottom: 15px;*/
}
#pageLayout .bodyTitleAreaTitle
{
  position: relative;
  top: 8px;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  color: Black; /*height: 26px;*/
  float: left;
}
#pageLayout .bodyTitleAreaPrintView
{
  position: relative;
  top: 8px;
  float: right;
}



#headerContentSection
{
  position: relative;
  height: 96px;
  width: 100%;
}
#headerLeftHalf
{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 525px;
  overflow: visible;
}
#headerContentSection .leftLogo
{
  position: absolute;
  top: 10px;
  left: 30px;
  border-style: none;
}
#headerContentSection .pageName
{
  position: absolute;
  left: 350px;
  width: 630px;
  top: 16px;
  border-style: none;
  color: #2B71B7;
  font-size: 22pt;
}
#headerContentSection .headerLeftBottomGrey
{
  position: absolute;
  left: 0px;
  bottom: 0%;
  width: 100%;
  height: 9px;
  background-color: #6A737B;
}
#headerRightHalf
{
  position: absolute;
  right: 0px;
  left: 525px;
  height: 100%;
  /*width: 100%;*/
}
#headerContentSection .headerLinks
{
  position: absolute;
  bottom: 10px;
  right: 50px;
  border-style: none;
}

#headerContentSection .rightLogo
{
  position: absolute;
  right: 20px;
  bottom: 35px;
  border-style: none;
}
#headerContentSection .headerDate
{
  position: relative;
  left: -333px;
  top: 20px;
  color: #E9EBED;
}
#headerContentSection .headerRightBottomGrey
{
  position: absolute;
  left: 0px;
  bottom: 0%;
  width: 100%;
  height: 30px;
  background-color: #6A737B;
}
#headerContentSection .homeLink
{
  position: absolute;
  left: 0%;
  right: 0%;
  text-align: right;
  min-width: 300px;
  margin: 5px 5px 0px 10px;
}
#headerContentSection .homeLink a,
#headerContentSection .homeLink a:hover,
#headerContentSection .homeLink a:visited
{
  color: White;
}

#headerContentSection .headerHostName
{
  position: absolute;
  left: 0%;
  right: 75%;
  text-align: left;
  margin: 5px 5px 5px 10px;
  min-width: 300px;
}


.footerDiv
{
  position: absolute;
  left: 7px;
  right: 7px;
  bottom: 7px;
  height: 30px;
  padding-top: 10px;
  background-color: #6A737B;
  font-size: 12px;
  color: #FFFFFF;
  clear: both;
  text-align: center;
  z-index: 0;
}
.footerDiv a
{
  color: #FFFFFF;
  text-decoration: underline;
}
.footerDiv a:hover
{
  color: #FFFFFF;
  text-decoration: underline;
}
.footerDiv a:visited
{
  color: #FFFFFF;
  text-decoration: underline;
}

#lPoweredBy
{
   color: #F0F020;
}

#TNpageMainDiv .certificateDiv
{
  position: absolute;
  width: auto;
  float: right;
  text-align: right;
  margin-top: 7px;
  top: 100%;
  right: 15px;
}

#divMenu
{
  position: relative;
  left: 10px;
  top: -30px;
}


/* Top Nav */

.TNBody
{
  background-color: #E5E5E5;
  min-width: 980px;
}

#TNpageMainDiv
{
  margin: 0px 5px 0px 5px;
}

.TNheaderSection
{
  background-color: white;
  margin-bottom: 8px;
  padding: 7px 7px;
}

.TNbodySection
{
  position: relative;
  background-color: white;
  margin-top: 4px;
  padding: 7px 7px 55px 7px;
  min-height: 250px;
}

.TNbodySection .subtitle
{
  background-color: #939BA1;
  color: white;
  height: 24px;
  font-size: 14pt;
  padding: 5px 5px;
}

#TNpageMainDiv .bodyContent
{
  /*position: relative;*/
}

.TNMenuBar {
  position: relative;
  background-color: #474747;
  width: 100%;
  height: 36px;
  margin-bottom: 7px;
}

.TNMenuBar .TNMenuBarExtraLinks
{
  position: absolute;
  right: 0px;
  text-align: right;	
  margin-top: 10px;
  margin-right: 15px;
}

.TNMenuBar .TNMenuBarExtraLinks a,
.TNMenuBar .TNMenuBarExtraLinks a:hover,
.TNMenuBar .TNMenuBarExtraLinks a:visited
{
  color: White;
  font-family: Tahoma;
  font-size: 9pt;
}

.TNMenuBar .TNMenu
{
  background-color: #00529B;
  color: White;
}

.TNMenuBar .TNMenuTop tbody tr td
{
  border-left: solid 1px white;
  border-right: solid 1px white;
}

.TNMenuBar .TNHover, .TNMenuBar .TNHover:visited, .TNMenuBar .TNHover:hover
{
  background-color: #83A4C1;
  color: white;
  text-decoration: underline;
}

.TNMenuBar .TNSelected
{
  background-color: #507CD1;
}

.TNMenuBar .TNMenuItem, .TNMenuBar .TNMenuItem:visited, .TNMenuBar .TNMenuItem:hover
{
  padding: 5px 2px;
  color: white;
}

.PageInfo {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid black;
  margin: 3px 3px;
  padding: 3px 3px;
  position: fixed;
  bottom: 120px;
  width: 100%;
}
.portalSetting {
  display: block;
  width:200px;
  float:left;
  margin-bottom: 10px;
}
.portalSettingInput {
  display: block;
  width:100px;
  float:left;
  margin-bottom: 10px;
}
.portalSettingSection {
  width: 90%;
}