﻿body { color:#333333; font-size:14px; line-height:24px; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0;}

#container {
  width: 100%;
}

.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.header .logo {
  width:1020px; 
    margin:0 auto;
  padding: 10px;
  overflow:hidden;
}
  .header .logo .logoimg {
    padding-top: 14px;
  }
  .header .logo .bizname {
    font-size: 18px;
    text-align:right;
    padding-bottom:6px;
  }
  .header .logo .topmenu2 {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
  }
  .header .logo .topmenu2 li {
    float: left;
  }
  .header .logo .topmenu2 li a {
    display: block;
    background: #999999; color:#ffffff; text-decoration:none; padding:4px; padding-left:10px; padding-right:10px; margin-left:6px; line-height:120%; border-radius:2px;
  }
  .header .logo .topmenu2 li a:hover {
    background: #bbbbbb;
  }
.header .topbar {
  background: #08399c;
  margin-top:0px;
}
  .header .topbar > .inner {
    width:1020px; 
    margin:0 auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  .header .topbar > .inner ul {
    list-style: none;
    overflow:hidden;
    margin:0; padding:0;
  }
  .header .topbar > .inner > ul > li {
    float: left;
  }
  .header .topbar > .inner > ul > li:hover > a {
    background: #dddddd;
    color: #08399c !important;
  }
  .header .topbar > .inner > ul > li > a, .header .topbar > .inner > ul > li:hover > a {
    display: block;
    padding: 10px; padding-left:16px; padding-right:16px;
    font-size:16px; margin-right:16px;
    color:#ffffff; text-decoration:none;
  }
  .header .topbar > .inner ul li a:hover {
    background: #dddddd; color:#08399c;
  }
  .topmainmenu ul.topsubmenu {
      display: none;
      position:absolute; 
    }
      .topmainmenu ul.topsubmenu li {
        float: none !important;
      }
        .topmainmenu ul.topsubmenu li a {
          background: #dddddd !important;
          padding: 10px; line-height:120% !important; 
          font-size:14px !important;
          color:#08399c !important;
          display:block; padding-left:16px; padding-right:16px; text-decoration:none;
        }
          .topmainmenu ul.topsubmenu li a:hover {
            background: #666666 !important; color:#ffffff !important; text-decoration:none;
          }
.maincontent {
   width:1020px; 
    margin:0 auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
  .maincontent h1.title {
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    padding-top:20px; padding-bottom:16px; text-transform:uppercase;
    color:#666666;
  }
  .maincontent h1.title .title-sub {
    font-size:16px;
  }


.loginbox {
  padding: 2px !important; font-size:14px !important; background:#ffffff !important;
  border:solid 1px #aaaaaa !important; width:120px !important;
}

input[type=checkbox] {
  background: #ffffff;
}
select, input[type=text], input[type=password] {
  padding: 6px; font-size:14px; background:#f7f7f7;
  border:solid 1px #aaaaaa;
}
.buttonlinkblue {
  line-height:120% !important;
  padding:8px; background:#08399c; color:#ffffff;
  padding-left:12px; padding-right:12px; text-decoration:none;
  border:none;  cursor:pointer;
  min-width:100px;
  border-radius:3px;
  font-size:14px;
  display:inline-block; line-height:1; text-align:center; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
  .buttonlinkblue:hover {
    padding-right:12px; text-decoration:none; background:#5e89df;color:#ffffff; border:none;  cursor:pointer;

  }

.buttonlink {
  line-height:120% !important;
  padding:8px; background:#888888; color:#ffffff;
  padding-left:12px; padding-right:12px; text-decoration:none;
  border:none;  cursor:pointer;
  min-width:100px;
  border-radius:3px;
  font-size:14px;display:inline-block; line-height:1; text-align:center; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
  .buttonlink:hover {
    padding-right:12px; text-decoration:none; background:#cccccc;color:#ffffff; border:none;  cursor:pointer;

  }
  .buttonlinkred {
    line-height:120% !important;
  padding:8px; background:#ca2323; color:#ffffff;
  padding-left:12px; padding-right:12px; text-decoration:none; border:none;  cursor:pointer;
  min-width:100px;
  border-radius:3px;
  font-size:14px; line-height:1; text-align:center; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
  .buttonlinkred:hover {
    padding-right:12px; text-decoration:none; background:#dd5252;color:#ffffff; border:none;  cursor:pointer;
  }

.pgbutton {
  padding-top:4px; padding-bottom:4px; width:30px; text-align:center; display:block; float:left; background:#aaaaaa; margin-right:3px; color:#ffffff; text-decoration:none; border:none;  cursor:pointer;
  border-radius:2px;
}

  .pgbutton:hover {
    color:#ffffff; background:#cccccc; text-decoration:none; border:none; cursor:pointer;
  }
.pgbuttonsel {
  padding-top:4px; padding-bottom:4px; width:30px; text-align:center; display:block; float:left; background:#eeeeee; margin-right:3px; border:none;
  border-radius:2px;
}


  .buttonlinkgray {
    line-height:120% !important;
  padding:8px; background:#888888; color:#ffffff;
  padding-left:12px; padding-right:12px; text-decoration:none; border:none;
  min-width:100px;border-radius:3px;
  font-size:14px; line-height:1; text-align:center; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
  .buttonlinkgray:hover {
    padding-right:12px; text-decoration:none; background:#cccccc;color:#ffffff; border:none;
  }

.bgwhite {
  background: #ffffff !important;
}

.addrec_bar {
  overflow:hidden;
  padding-bottom:2px;
}
  .addrec_bar > ul {
    float:left; list-style:none; margin:0; padding:0;
  }
  .addrec_bar > ul > li {
    float: left;
  }
  .addrec_bar > ul > li > div {
    background: #08399c; padding:8px; width:180px; text-align:center; margin-right:1px; font-size:16px; color:#ffffff;
  }
  .addrec_bar > ul > li > a {
    display: block;
    background: #dddddd; padding:4px; width:160px; text-align:center; margin-right:1px;margin-top:8px; color:#333333; text-decoration:none;
  }
  .addrec_bar > ul > li > a:hover {
    background:#999999; color:#ffffff; text-decoration:none;
  }
  .addrec_bar > div {
    float: right;
  }


.temselectouter td { vertical-align:top; font-size:13px; line-height:12pt;
}
  .temselectouter td img {
    margin-top: 10px;
  }


A {color:#003399; text-decoration:underline;}
A:Hover {color:#567ECC; text-decoration:underline;}

option, textarea, input {font-size:12px; color:#333333;}

.text {font-size:11px; color:#333333; font-family:Verdana;}
    
.selectbox {font-size:11px; color:#333333;}

.pagezing {font-size:11px; color:#666666; text-decoration:none;}
.pagezing A {font-size:11px; color:#715E1E; text-decoration:none;}
.pagezing A:Hover {font-size:11px; color:#988543; text-decoration:underline;}

.topMenu {font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bolder;}
.topMenu A {color:#FFFFFF; text-decoration:none;}
.topMenu A:Hover {color:#FFFFFF; text-decoration:underline;}

.topSubMenu {font-size:11px; color:#00236A; text-decoration:none; font-weight:bolder;}
.topSubMenu A {color:#00236A; text-decoration:none;}
.topSubMenu A:Hover {color:#00236A; text-decoration:underline;}

.subTitle {font-size:11px; color:#333333; text-decoration:none; font-weight:bolder;}
.subTitle A {color:#333333; text-decoration:none;}
.subTitle A:Hover {color:#333333; text-decoration:none;}

.subTitleBar {font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:bolder;}
.subTitleBar A {color:#FFFFFF; text-decoration:none;}
.subTitleBar A:Hover {color:#FFFFFF; text-decoration:none;}

.title {color:#003399; font-size:14px; font-weight:bold; text-decoration:none;}
.title A {color:#003399; font-size:14px; font-weight:bold; text-decoration:none;}
.title A:Hover {color:#003399; font-size:14px; font-weight:bold; text-decoration:none;}

.bdTitle {font-size:14px; color:#333333; text-decoration:none; }
.bdTitle A {color:#333333; text-decoration:none;}
.bdTitle A:Hover {color:#666666; text-decoration:underline;}


.lnkBlack {color:#333333; text-decoration:none;}
.lnkBlack A {color:#333333; text-decoration:none;}
.lnkBlack A:Hover {color:#333333; text-decoration:underline;}

.tableHead { background-color:#D5E1F7;}

.boxType {background-image:url("/images/textbox_line.gif"); background-repeat:repeat; font-family:Verdana; font-size:11px; color:#333333; line-height:16px; border:1px solid #999999;}

.noLine { text-decoration:none; }
.noLine A { text-decoration:none; }
.noLine A:Hover { text-decoration:none; }

.homebottomlink { text-decoration:none; font-size:12px; color:#777777; }
.homebottomlink A { text-decoration:none; }
.homebottomlink A:Hover { text-decoration:underline; }

.homebottomlinklogo { text-decoration:none; font-size:11px; color:#777777; }
.homebottomlinklogo A  { text-decoration:none; font-size:11px; color:#777777;  }
.homebottomlinklogo A:Hover  { text-decoration:underline; font-size:11px; color:#777777;  }

.clr:after {
    clear: both;
    content: "";
    display: block;
}

.template_lists { list-style: none; margin: 0; padding: 0;}
.template_lists > li { float: left;}
.template_lists > li > div { padding: 10px; text-align: center; width: 124px; font-size: 12px; height: 130px; }
.template_lists > li > div input[type="radio"] { margin: 3px 3px 0px 0px; }
.template_lists > li > div > div:nth-of-type(2) { line-height: 1;}