body {
		font-family:verdana, arial, sans-serif;
		color:#333333;	
		text-align:left;
        padding: 0;
        margin: 0;
    }

	.body-text-Bold {
		color:#333;
		font-size:100%;
		font-weight:bold;
		margin:20px 10px 10px 10px;
		line-height: 1.5;
	}

	.body-text-Icon {
		color:#333;
		font-size:100%;
		font-weight:bold;
		margin:20px 10px 10px 10px;
	}

	.baseline-Icon {
		vertical-align:-30%;
		padding:0px 10px 0px 0px;
	}

	.body-text {
		color:#333;
        font-size:100%;
		margin:20px 10px 10px 10px;
        line-height: 1.5;
    }

    .step-cmd {
        color:#333;
        font-size:90%;
        margin:20px 10px 10px 10px;
        line-height: 1.5;
    }

    .step-number {
		display: inline;
		padding: .2em .6em .3em;
		font-size: 75%;
		font-weight: bold;
		line-height: 1;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		vertical-align: 0.3em;
		border-radius: .25em;
		background-color: #999;
	}

	.type1 {
		color:#333;
		font-size:large;
		margin:20px 10px 10px 10px;
	}

    .lcd {
        font-size: x-small;
        font-style: italic;
        padding:0px 5px 0px 5px;
        border:1px solid #666;
    }

  .uicontrol {
		font-weight:bold;
}

/* table elements style */

    .tables {
        text-align:left;
        margin:10px;
    }

    .note-in-table {
        margin:10px;
        padding:3px 0px 3px 0px;
    }

    .table-bodytable {
        width:90%;
        border-spacing:0px;
        border-collapse:collapse;
	    border-top: 2px solid #666666;
	    border-left: 2px solid #666666;
    }

    .th {
        border-bottom: 2px solid #666666;
        border-right: 2px solid #666666;
    }
    
    .td {
        border-bottom: 2px solid #666666;
        border-right: 2px solid #666666;
        text-align:left;
    }

    .table-text {
        font-size:small;
        line-height:120%; 
        margin:5px 5px 5px 5px;
    }

    .table-bullet {
        font-size:small;
        line-height:130%;
        margin:10px 10px 10px 10px;
        padding:0px 0px 0px 20px;
        background:url('bg_bull.gif') no-repeat 0px 5px;
    }

    .table-bullet-ind {
        font-size:small;
        line-height:130%;
        margin:10px 10px 10px 10px;
        padding:0px 0px 0px 20px;
    }

/* title style */

    .section-title {
        color:#333;
        margin:30px 10px 10px 10px;
        font-size:large;
    }

    .note-title {
        margin:3px 0px 0px 3px;
        background:url('mark_no.gif') no-repeat 2px 2px;
        padding:5px 0px 2px 30px;
        text-align:left;
        font-size:small;
        font-weight:bold;
    }

    .caution-title {
        margin:0px 0px 0px 0px;
        background:url('mark_ca.gif') no-repeat 3px 3px;
        padding:5px 0px 5px 30px;
        text-align:left;
        font-size:small;
        font-weight:bold;
    }

    .important-title {
        margin:0px 0px 0px 0px;
        background:url('mark_im.gif') no-repeat 3px 3px;
        padding:5px 0px 5px 30px;
        text-align:left;
        font-size:small;
        font-weight:bold;
    }

    .warning-title {
        margin:0px 0px 0px 0px;
        background:url('mark_wa.gif') no-repeat 3px 3px;
        padding:5px 0px 5px 30px;
        text-align:left;
        font-size:small;
        font-weight:bold;
    }

    .table-title {
		color:#333;
		font-size:medium;
		font-weight:bold;
		margin:20px 10px 10px 10px;
    }

/* body style */

    .bullet {
        font-size:80%;
        line-height:130%;
        margin:10px 10px 10px 5px;
        padding:0px 0px 0px 15px;
        background:url('bg_bull.gif') no-repeat 0px 5px;
    }

    .bulletcheck {
        font-size:80%;
        line-height:200%;
        margin:10px 10px 10px 10px;
        padding:0px 0px 0px 20px;
        background:url('check.png') no-repeat 0px 5px;
    }

    .bullet-ind {
        font-size:80%;
        line-height:130%;
        margin:10px 10px 10px 10px;
        padding:0px 0px 0px 20px;
    }

    .images {
        text-align:center;
        margin:20px 0px 20px 0px;
    }

    .images-responsive {
      border: 0;
      margin: 0px auto;
      /* display: block; */
      max-width: 100%;
      height: auto;
      /* vertical-align: middle; */
    }

    .itemiz {
        margin:0px 10px 5px 10px;
    }

    .indent {
        font-size:x-small;
        margin:20px 10px 10px 30px;
    }


/* note style */

    .table-note {
        width:95%;
        border-spacing:0px;
        border-collapse:collapse;
        border: 2px solid #666666;
    }

    .note-text {
        color:#333;
        font-size:x-small;
        margin:10px 10px 10px 10px;
    }

.body {
    padding: 1em;
}

.header {
    border-bottom: #10218b solid 2px;
}

.corporate_logo {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: auto;
    height: 22px;
    margin-left: 15px;
}

.footer {
    border-top: #10218b solid 2px;
    text-align: center;
    color: #5a5a5a;
}

.page-title {
    margin: 2em 1em 0;
    border-top: 1px solid #428bca;
    border-bottom: 1px solid #428bca;
    padding: 10px 0px 10px 10px;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 1em;
}

.btn {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

@media (min-width: 768px) {
    .topic {
        width: 750px;
        margin: 0 auto;
    }    
}

@media (min-width: 992px) {
    .topic {
        width: 970px;
        margin: 0 auto;
    }    
}

@media (min-width: 1200px) {
    .topic {
        width: 1170px;
        margin: 0 auto;
    }    
}