/* CSS Document */
.main-container{
    width: 100%;
    height: 100%;
    float: left;
}
.book-tabs{
    float: left;
    border: 1px solid lightgray;
    padding: 1%;
    width: 98%;
}
#read-book-1{
    width: 98%;
    float: left;
    height: inherit;
    margin-top: 1%;
    border: 1px solid lightgray;
    padding: 1%;
}
.book-contenet{
    float: left;
    width: 35%;
    height: 100%;
    border: 1px solid lightgray;
}
.book-image{
    float: left;
    width: 27%;
    height: 100%;
    border: 1px solid;
    margin-left: 1%;
}
.tabs{
    width: 100%;
    float: left;
    height: 4em;
    background: burlywood;
    margin-top: 1%;
}
.tab-content{
    float: left;
    width: 100%;
    margin-top: 1%;
    height: 21em;
}
.left-container{
    float: left;
    width: 48%;
    height: 100%;
}
.right-container{
    float: left;
    width: 45%;
    margin-left: 1%;
    height: 100%;
}


#flash-button{
    float: left;
    width: 15%;
    height: 5em;
    margin-left: 1.2%;
    background: blue;
    border: 1px solid blue;
    color: white;
    font-weight: bold;
    font-size: 14px;
    font-family: "Helvetica Neue XP",sans-serif;
    animation-name: flash;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes flash {
    0% { opacity: 1.0; }
    50% { opacity: 0.6; }
    100% { opacity: 1.0; }
}


#flash-button:hover{ background:maroon; border:1px solid maroon; color:white;cursor:pointer; border-radius:50%;}
#flash-button:focus{ outline-style: none;}
iframe{
    width: 100%;
    height: 100%;
    float: left;
}
img{
    width: 100%;
    height: 100%;
    float: left;
}
#learn-volatility {
    float: left;
    text-align: left;
    width: 99%;
    font-family: "Helvetica Neue XP",sans-serif;
}
.master {
    width: 100%;
    float: left;
    font-size: 14px;
    padding-top: 2%;
    font-weight: bold;
    border: thin solid #CFF;
    font-family: "Helvetica Neue XP",sans-serif;
}



.registration{width: 33%;height: 81%;float:left;border: 1px solid lightgray;margin-left: 1%;}

.registration:hover td{color:white;}
.registration:hover #accept-color{color:white;}
.registration:hover #clickButton{background-color:transparent;color:#FFF;border:4px solid;}


#accept-color{font-family:"Helvetica Neue XP",sans-serif;color: maroon;width: 100%;text-align: center;font-weight:bold;padding-bottom: 3%;}
.etable{font-family:"Helvetica Neue XP",sans-serif;font-weight:bold;font-size:110%;margin-top: -10%;}
.etable,tr{height: 2.1em;font-family:"Helvetica Neue XP",sans-serif;}
.etable,td{font-family:"Helvetica Neue XP",sans-serif;font-size: 14px;}
#clickButton{font-size:95%;background-color:steelblue;color:#FFF;padding:0.625em;border:thin solid #15aeec;border-radius:0.188em;font-weight:bold;margin-top:1%;cursor:pointer;font-family:"Helvetica Neue XP",sans-serif;}
#clickButton:hover{background-color:tomato;}

#form1 {padding-bottom: 1%;margin-top: -4%;margin-left: 5%;}
.registration:hover{background:blue;}

.buy-now-conatiner{float:left;width:100%;}
.left-right-container{width: 100%;float:left;border:1px solid lightgray;padding:1%;}
.left-container{width: 50%;float:left;padding: 1%;border: 1px solid lightgray;}
.right-container{width: 46%;float:left;border:1px solid lightgray;}
#buy-now,#Watch-now,#read-books{
    float: left;
    width: 43%;
    padding: 3%;
    height: 1em;
    text-align: center;
    background: transparent;
    border: 1px solid blue;
    color: blue;
    font-weight: bold;
    margin-top: 3%;
    font-size: 14px;
    margin-bottom: 3%;
    text-decoration: none;
    font-family: "Helvetica Neue XP",sans-serif;
}
#tab-container{float:left;width: 98%;border: 1px solid lightgray;padding: 1%;margin-top: 1%;}
#buy-now:hover{cursor:pointer; background:blue; color:white;}
#Watch-now:hover{cursor:pointer; background:blue; color:white;}
#read-books:hover{cursor:pointer; background:blue; color:white;}

.buynow {
    float: left;
    text-align: center;
    width: 40%;
    margin-left: 27%;
}
.important{
    font-weight: bold;
    font-size: 18px;
    color: maroon;
    font-family: "Helvetica Neue XP",sans-serif;
    text-align: center;
}
.isbn{
    color: red;
    font-family: "Helvetica Neue XP",sans-serif;
    float: left;
    width: 100%;
    text-align: center;
}
.instruct{
    float: left;
    width: 100%;
    text-align: justify;
}
.tabs-container{float:left;width:100%;}
#link1,#link2{color: #0A1AB6;font-size: 16px;font-family: "Helvetica Neue XP",sans-serif;}
#link1:hover{ color:red; text-decoration:underline;cursor:pointer;}
#link2:hover{ color:red; text-decoration:underline;cursor:pointer;}
#video1,#video2{ width:100%; height:100%;}
.courses{font-size: 18px;font-family: "Helvetica Neue XP",sans-serif;}
.instruction{float: left;
             width: 100%;
             margin-top: 4%;
             border: 1px solid lightgray;}
.chapter-title{
    width: 100%;
    float: left;
    text-align: center;
    font-weight: bold;
    padding-bottom: 1%;
    color: red;
}
.reg-button{float: left;
            width: 100%;
            text-align: center;
            padding-bottom: 2%;}
@media only screen and (max-width:900px) {.buynow {margin-left:0%;width: 47%;}.registration{width: 58%;padding-left: 0%;padding-right: 0%;}.book-contenet{width: 100%;}.book-image{width: 40%;margin-left: 0%;}iframe{
                                              WIDTH: 100%;
                                          }}
@media only screen and (max-width:800px) {.registration{width: 58%;}.txtInput{width: 85%;}.book-contenet{width: 100%;}.book-image{width: 40%;}iframe{}}
@media only screen and (max-width:700px) {.buynow {
                                              margin-left: 24%;
                                          }.tab-content{ height:inherit;}.left-container,.right-container{width:100%;}#buy-now,#Watch-now,#read-books{
                                              width: 45%;
                                              height: 2em;
                                          }.registration{width: 58%;}#read-book-1{height: inherit;}.book-contenet{width: 100%;height: 100%;}.book-image{width: 40%;height: 100%;}iframe{}#flash-button{ width:48%; margin-top:1%;}}
@media only screen and (max-width:600px) {#read-books,#watch-now{width: 42%;height: 2em;}.registration{width: 100%;}.txtInput{width: 85%; margin-left:-40%;}#read-book-1{height: inherit;}.book-contenet{width: 100%;}.book-image{width: 100%;}iframe{}}
@media only screen and (max-width:500px) {.registration{width: 100%;}.txtInput{width: 85%;}#read-book-1{height: inherit;}.book-contenet{width: 100%;}.book-image{width: 100%;}iframe{}}
@media only screen and (max-width:400px){#buy-now,#Watch-now,#read-books{width: 93%;}.buynow {margin-left: 20%;width: 65%;}.registration{width:100%;}.txtInput{width:100%;margin-left: 1%;}#read-book-1{height: inherit;}.book-contenet{width: 100%;}.book-image{width: 100%;}iframe{}}