@charset "utf-8";
/* CSS Document */


.smp-on{display:none;}

/*-------------------
    align
  -------------------*/
.text-left{
    text-align:left;
}
.text-right{
    text-align:right;
}
.text-center{
    text-align:center;
}

/*-------------------
    font
  -------------------*/
.text-caution{ color:#ea2628; }

.text-mini  { font-size:0.86em; }
.text-small { font-size:0.93em; }
.text-middle{ font-size:1.12em; }
.text-large { font-size:1.28em; }
.text-xlarge { font-size:1.44em; }
.text-xxlarge { font-size:2em; }


/*-------------------
    icon
  -------------------*/
[class^='icon-onetime-'],
[class*=' icon-onetime-']{
    background-image:url(/otp/images/icon.png);
    background-repeat:no-repeat;
    display:inline-block;
}
.icon-onetime-nav-trigger{
    background-position:0 0;
    height:30px;
    width:30px;
}
.icon-onetime-nav-arrow{
    background-position:-30px 0;
    height:9px;
    width:9px;
}
.icon-onetime-nav-arrow-active{
    background-position:-60px 0;
    height:9px;
    width:9px;
}
.icon-onetime-alert{
    background-position:-90px 0;
    height:19px;
    width:19px;
}
.icon-onetime-listarrow{
    background-position:-120px 0;
    height:9px;
    width:9px;
}
.icon-onetime-backarrow{
    background-position:-150px 0;
    height:9px;
    width:9px;
}



/*-------------------
    button
  -------------------*/
button{
    cursor:pointer;
}
.btn-smp{
    display:none;
}
a.btn,
a.btn:link,
a.btn:visited,
a.btn:hover,
a.btn:active{
    text-decoration:none;
    color:#001c77;
}
.btn{
    color:#001c77;
    display:inline-block;
    margin:0 auto;
    padding:3px;
    background:#f7f8fa;
    border:1px solid #f6f7f9;
    border-color:#c9cacc #e0e1e3 #e8e9ea #dfe0e2;
    min-width:120px;
}
.btn > .inner{
    display:block;
    background:url('/otp/images/bg-btn.gif') repeat-x 0 50% #ffffff;
    text-align:center;
    padding:5px 10px;
}
.btn > .inner .text{
    padding-left:20px;
    padding-right:20px;
}
.btn:hover > .inner{
    background-position:0 0;
}

.btn.btn-large > .inner{
    padding:10px 20px;
}
.btn.btn-large > .inner .text{
    padding-left:25px;
    padding-right:25px;
}

.btn-link{
    display:inline-block;
    padding:2px 5px;
}



/*-------------------
    ttl-
  -------------------*/
[class^="ttl-"],
[class*=" ttl-"]{
    padding:5px 20px;
    border:1px solid;
    margin-bottom:20px;

}
.ttl-orange{
    border-color:#fc860f;
    background:url('/otp/images/bg-ttl-orange.gif') repeat-x 0 0 #fd8b13;
    color:#ffffff;
    font-weight:bold;;
}

.ttl-none{
    font-weight:bold;;
    border: none;
}

.ttl-style {
    background-position: 0 -216px;
    /*background-position: 0 -165px;*/
    background-image: url("/otp/images/gradient.png");
    background-repeat: repeat-x;
    border:none;
    width:5px;
    padding: 0px 3px;
    margin-right: 5px;

}


/*-------------------
    box-
  -------------------*/
[class^="box-"],
[class*=" box-"]{
    padding:20px 20px 5px;
}
[class^="box-"] > *,
[class*=" box-"] > *{
    margin-bottom:15px;
}
.box-transparent{ background-color:transparent; }
.box-beige{ background-color:#fcfcf2; }
.box-gray { background-color:#f2f6fb; }
[class^="box-"].no-padding,
[class*=" box-"].no-padding{
    padding:0;
}


/*-------------------
    table-
  -------------------*/
/* base */
table.top-bordered{
    border-top:1px solid #e3e7ea;
}

/* table-basic */
.table-basic{
    table-layout:auto!important;
    border-collapse:collapse !important;
}
.table-basic th,
.table-basic td{
    width:auto !important;
    padding:8px !important;
    border:1px solid #e3e7ea !important;
}
.table-basic > thead th{
    font-weight:bold;
}


/*-------------------
    list-
  ------------------- */

/* list-sub */
.list-sub{
    background:url('/otp/images/bg-onetime-sub.gif') repeat 0 0;
    padding:5px;
}
.list-sub > li{
    border:1px solid #ffffff;
    border-bottom-  color:#E3E7EA;
}
.list-sub > li > a{
    display:block;
    line-height:1.2;
    padding:13px 10px 13px 25px;
    text-indent:-15px;
    background:url('/otp/images/bg-onetime-sub-list.gif') repeat-x 0 0 #f8f8fa;
}
.list-sub > li > a:hover{
    text-decoration:none;
    background-position:0 -100px;
    background-color:#ffffff;
}
.list-sub > li > a.active{
    text-decoration:none;
    background-position:0 -100px;
    background-color:#ffffff;
    color:#5383cb;
    font-weight:bold;
}
.list-sub > li > a.active > .icon-onetime-nav-arrow{
    background-position:-60px 0;
}
.list-sub > li > a > span,
.list-sub > li > a > [class^='icon-onetime-'],
.list-sub > li > a > [class*=' icon-onetime-']{
    vertical-align:middle;
}
.list-sub > li > a > [class^='icon-onetime-'],
.list-sub > li > a > [class*=' icon-onetime-']{
    margin-right:6px;
}

/* list-inline */
.list-inline{}
.list-inline > li{
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
}
.list-inline > li [class^='icon-onetime-'],
.list-inline > li [class*=' icon-onetime-']{
    margin-right:5px;
}

/* list-basic */
.list-basic{
    padding-bottom:5px;
}
.list-basic > li{
    margin-bottom:10px;
}
.list-basic > li span,
.list-basic > li strong,
.list-basic > li em,
.list-basic > li label,
.list-basic > li input[type="radio"],
.list-basic > li input[type="checkbox"]{
    vertical-align:middle;
}

/* list-radio */
.list-radio{
    border-top:1px solid #e3e7ea;;
    margin-bottom:20px;
}
.list-radio > li{
    padding:20px 10px;
    border-bottom:1px solid #e3e7ea;;
}
.list-radio label{
    display:block;
}
.list-radio > li.active{
    background-color:#fcfbd2;
}
.list-radio .list-label{
    padding-left:30px;
    text-indent:-30px;
}
.list-radio .list-label > .radio{
    display:inline-block;
    text-indent:0;
    *text-indent:-30px;
    width:30px;
}
.list-radio .list-label > .radio > input[type='radio']{
    text-indent:0;
}
.list-radio .list-option{
    padding-left:30px;
    margin-top:5px
}

.numberlist{
    list-style: decimal;
    margin: 10px 10px;

}
.numberlist li{
    margin-top:1.0em; margin-bottom:1.0em;
}

/*-------------------
    alert
  -------------------*/
.alert{
    padding:10px 0 10px 25px;
    text-indent:-25px
}
.alert > .icon-onetime-alert{
    margin-right:5px;
    vertical-align:middle;
}
.alert > .text{
    vertical-align:middle;
}
.alert.no-icon{
    padding-left:0;
    text-indent:0;
}


/*-------------------
    notice
  -------------------*/
.notice{
    text-indent:-1em;
    padding-left:1em;
}

/*-------------------
    form
  -------------------*/

/* input */
input[type="text"],
input[type="password"]{
    border:1px solid #d9e1ec;
    background:#f5f8ff;
    box-shadow:0 0 5px 3px rgba(217,225,236,0.3) inset;
    padding:7px;
    width:200px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
input[type="text"].bg-white,
input[type="password"].bg-white{
    background:#ffffff;
}
input.input-mini  { width:40px;  max-width:100%; }
input.input-short { width:80px; max-width:100%; }
input.input-middle{ width:250px; max-width:100%; }
input.input-long  { width:300px; max-width:100%; }

input.text-xlarge { padding:11px 7px 11px; }

label > input[type='checkbox'],
label > input[type='radio']{
    margin-right:5px;
    vertical-algign:middle;
}
label > span{
    vertical-align:middle;
    display:inline-block;
}

/* help- */
.help-block{
    padding-top:5px;
    padding-bottom:5px
}

/* form-vertical */
.form-vertical{}
.form-vertical .form-label{
    margin-bottom:10px
}
.form-vertical .form-input{
    margin-bottom:20px;
}
.form-vertical .form-input input,
.form-vertical .form-input button{
    vertical-align:middle;
}

/* form-horizontal */
.form-horizontal{}
.form-horizontal .form-line{
    zoom:1;
}
.form-horizontal .form-line:after{
    content:'';
    display:block;
    clear:both;
}
.form-horizontal .form-line > .form-label{
    float:left;
    width:140px;
    padding-top:7px;
    display:block;
}
.form-horizontal .form-line > .form-input{
    margin-left:160px;
}
.form-horizontal .form-line > .form-input.confirm{
    padding-top:7px;
}
.form-horizontal .form-line > .form-input label{
    margin-right:20px;
}


/*-------------------
    unit
  -------------------*/

/* unit */
.unit{
    margin-bottom:20px;
    padding:0 25px;
}
.unit.no-padding{
    padding:0;
}

/* unit-variable */
.unit-variable{
    display:table;
    margin:0 auto;
    *display:block;
    *width:450px;
    min-width:450px;

}

/*-------------------
    layout
  -------------------*/
body{
    background:#ffffff;
}
#wrapper{
    background:#ffffff;
}

#container{
    padding-top:45px;
}

#contents{
    text-align:left;
    width:960px;
    margin:0 auto;
    min-height:500px;
}
.contents-main{
    width:700px;
    float:left;
}
.contents-sub{
    width:220px;
    float:right;
}

/* logo */
#niftyLogo{
    display:block;
    background:url('/otp/images/logo.gif') no-repeat 0 0;
    width:88px;
    height:31px;
    text-indent:-9999px;
    overflow:hidden;
}

/* header */
#header{
    border-bottom:1px solid #c3c3c3;
    padding:10px 0;
    width:960px;
    margin:0 auto;
}
#header .inner{
}
#header .inner #niftyLogo{
    float:left;
}
#header .inner .option{
    overflow:hiddne;
    text-align:right;
    padding-top:7px;
    padding-right: 7px;
}


/* footer */
#footer{
    border-top:1px solid #e6e6e6;
    padding:15px 0 10px;
    width:960px;
    margin:0 auto;
}
#footer a{
}
#footer > .inner{
    width:960px;
    margin:0 auto;
}
#footer > .inner > .link{
    float:left;
    padding-top:10px;
    padding-left: 7px;
}
#footer > .inner > .link a{
    margin-right:5px;
}
#footer > .inner > .info{
    overflow:hidden;
    text-align:right;
    padding-right: 7px;
}


/* arrList */
/*.arrList {border-bottom:2px solid #c4c4c4;}*/
.arrList li {
    background-image:url(/otp/images/bg_dotline.gif);
    background-repeat:repeat-x;
    background-position:0 0;
    background-color:#fff;
    padding:18px 20px;
    /*font-size:1.12em;*/
    /*font-size:13px;*/
}
.arrList li.first {
    background-image:none;
}
.arrList li span {
    display:block;
    background:url(/otp/images/icon_arrow.gif) no-repeat 0 0.4em;
    padding:0 0 0 13px;
}

.indentBlock {
    margin-left: 40px;
}

.capture_l{
    width: 650px;
    /*border: 3px solid #C5D5E4;*/
    margin-top:5px;
}

.capture{
    width: 500px;
    border: 3px solid #C5D5E4;
    margin-top:5px;
}

.capture_s{
    width: 200px;
    border: 3px solid #000000;
    margin-top:5px;
}