@charset "utf-8";

/* CSS Document */

@media (min-width: 310px) and (max-width: 479px)

{

.wrapper_top{ width:300px; float:none;}
.header_search{ width:280px!important; float:none!important; margin:auto; text-align:center; overflow:hidden; padding-top: 20px; }

.component h2{ font-size:24px; line-height:24px; padding-bottom:10px; }

.component h3{ font-size:22px; }

.component h4{ font-size:18px; }


.moduletable_mainmenu{margin:0px;}
.header_top{ background:#1e365c; /*padding-bottom:20px;*/ border-bottom:1px solid #d9041d; }

.header{ width:300px; float:none; margin:auto; overflow:hidden; }

.logo{ float:none; margin:auto; text-align:center; padding-bottom: 0px; }



body.authorpage .mainmenu{ width:300px!important; float:none; margin:auto; text-align:center; overflow:hidden; 

padding-top: 20px; }



body.authorpage .mainmenu .dj-main li.dj-up {width: 33%;background: none!important;padding-bottom: 25px;}



body.editorpage .mainmenu { width: 280px!important; }

body.editorpage .mainmenu .dj-main li.dj-up { width: 30%!important; margin-right: 3%!important; background: none!important; }



.moduletable_mainmenu{ width:100%; float:left!important; }

.mainmenu ul.dj-main{ width:100%; float:left!important; }

.mainmenu .dj-main li a.dj-up_a{ width:100%; float:left!important; text-align:center;  }

/*.mainmenu ul li a span{ padding:65px 0px 0px 0px!important; width:100%; }

.mainmenu ul li.first a:hover span, .mainmenu ul li.first a.active span { 

background:url(../images/Mobile_Upload.png) no-repeat top center!important; }

.mainmenu ul li.itemid112 a:hover span, .mainmenu ul li.itemid112 a.active span { 

background:url(../images/Mobile_Manage.png) no-repeat top center!important; }

.mainmenu ul li.itemid109 a:hover span, .mainmenu ul li.itemid109 a.active span { 

background:url(../images/Mobile_View.png) no-repeat top center!important; }

.mainmenu ul li.last a:hover span, .mainmenu ul li.last a.active span { 

background:url(../images/Mobile_Helps.png) no-repeat top center!important; }

.mainmenu ul li.first a span{ 

background:url(../images/MobileUpload_hover.png) no-repeat top center!important; color:#fff; }

.mainmenu ul li.itemid112 a span{ 

background:url(../images/MobileManage_hover.png) no-repeat top center!important; color:#fff; }

.mainmenu ul li.itemid109 a span{ 

background:url(../images/MobileView_hover.png) no-repeat top center!important; color:#fff; }

.mainmenu ul li.last a span { 

background:url(../images/MobileHelps_hover.png) no-repeat top center!important; color:#fff; }*/



.mainmenu ul li.first a.home span{background:url(../images/login_icon.png) no-repeat 15px 12px;}
.mainmenu ul li.first a.home:hover span,
.mainmenu ul li.first a.active.home span{background:url(../images/login_icon_hover.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid126 a span{background:url(../images/About.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid126 a:hover span,
.mainmenu ul li.itemid126 a.active span{background:url(../images/About_hover.png) no-repeat 15px 12px;}
.header .mainmenu ul li.itemid125 a span{background:url(../images/View.png) no-repeat 0px 4px!important;}
.header .mainmenu ul li.itemid125 a:hover span,
.header .mainmenu ul li.itemid125 a.active span{background:url(../images/View_hover.png) no-repeat 0px 4px!important;}
.mainmenu ul li.itemid127 a span{background:url(../images/Multimedia.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid127 a:hover span,
.mainmenu ul li.itemid127 a.active span{background:url(../images/Multimedia_hover.png) no-repeat 15px 12px;}
.header .mainmenu ul li a.mobileapp_icon span{
        background: url(../images/mobileAppIcon.png) no-repeat left!important;
        margin-left: 0px;
}
.header .mainmenu ul li a.part span{
    background:url(../images/part_video.png) no-repeat 4px 6px!important;
}
.header .mainmenu ul li a.part:hover span,
.header .mainmenu ul li.active a.part span{
    background:url(../images/part_video_hover.png) no-repeat 4px 6px!important;
}

.dj-main li.active a, .dj-main li a:hover{ background:none!important; }

.dj-main li a:hover span, .dj-main li.active a.dj-up_a span{ color:#fff!important;}



.content_page{ width:300px; float:none; margin:15px auto; overflow:hidden; }

.content_left{ width: 300px; float:none; margin:auto; overflow:hidden; padding:0px; }

.footer{ width:300px; float:none; margin:auto; overflow:hidden; }



.moduletable_login{ width:286px; padding:5px; }

.customtable_loginin{ padding:2%; width:96%; }

.customtable_loginin form{ width:100%; float:left; }

#modlgn-username{ width:230px; background-size:100%; }

#modlgn-passwd{ width:230px; background-size:100%; }

button.btn{ font-size: 14px; background-size:100% 100%; height:30px; width:70px; }

button.btn:hover{ font-size: 14px; background-size:100% 100%; height:30px; width:70px;  }

.component{ width:96%!important; padding:2%!important; margin:2% 0px; }

.handbook p{ font-size:16px; line-height:20px; }



/*Sort*/

.chapter_sort{ float:left!important; width:155px; text-align:center; }

.chapter_sort select{ width:100%!important;  }

.chapterreview{ /*color:#cc0620;*/ }

.chapterreview label{ color:#515151; }



/*Registration Styles*/

.registration legend{ font-size:22px; }

.registration label{ width:100%!important; }

.login label, .reset label, .remind label{ width:100%!important; }

.login .control-group, .reset .control-group, .remind .control-group, .registration .control-group{ float:left; width:100%; }

input.btn { background: url(../images/Login.png) no-repeat left center; width: 78px; height: 30px; background-size: 100% 100%;

border: 0px; padding: 0px; color: #ffffff; font-size: 14px; font-family: 'droid_sansregular'; cursor: pointer; }

input.btn:hover{ background: url(../images/Login_hover.png) no-repeat left center; color: #002b50; border: 0px; padding: 0px;

width: 78px; height: 30px; background-size: 100% 100%; font-size: 14px; font-family: 'droid_sansregular'; cursor: pointer; }



.book_viewchapter{ padding:20px 0px; }

.book_chapter_video { float: none; margin: auto; width: 142px; }

.chapter_content { float: left; width: 100%; margin-top:10px; }

.chapter_content h3, .chapter_content h4 { text-align:center; }

.chapter_author{ text-align:center; }

.springer_link{ text-align:right!important; font-weight: bold!important; }

.footer_bg{ position:relative!important; }



.vvideo_list{ width: 160px!important; margin: 5% auto!important; float: none!important; overflow: hidden; }



/*Upload styles*/

.chapter_view_upload { float: none!important; padding: 25px 15px; width: 160px!important; margin: auto; overflow: hidden; }

/*#sbox-window{ width: 86%!important; height: 230px!important; left:3%!important;*/ /*top:25%!important;*/ /*}*/

#sbox-window .videolink .control-label { width: 98%!important; margin-right: 2%; float: left; margin-bottom: 2%; }

#sbox-window .videolink .controls { width: 100%!important; float: left; margin: 5% 0px!important; }



.chapter_quality_upload { float: left; padding: 25px 2%!important; width: 96%!important; }

.chapter_upload_video { float: none!important; margin: 25px auto!important; width: 160px!important; overflow: hidden; 

text-align: center; }

.chapter_upload_video .chaptervideo{ padding-left:25px!important; }



.videolink .control-group{ padding-bottom: 8px!important; }

.videolink .control-label{ width:100%!important; }

.videolink .controls{ width:100%!important; }

.videolink input{ width:210px!important; }



.vjs-default-skin .vjs-big-play-button{ top:66%!important; left:60%!important;}

.reset-confirm dd{ margin:0px!important; }



.flag_sort select{margin: auto!important; margin-top: 10px!important;}

/*.rokbox-wrapper{ z-index: 999!important; }
[data-rokboxicon]:before{ min-height: 30px!important; min-width:30px!important; }*/
.rokbox-close{z-index:9999999; }


}

@media (min-width: 480px) and (max-width: 767px) 

{

.wrapper_top{ width:440px; float:none; margin:auto; }



.component h2{ font-size:24px; line-height:24px; padding-bottom:10px; }

.component h3{ font-size:22px; }

.component h4{ font-size:18px; }



.header_top{ background:#1e365c; /*padding-bottom:0px; border-bottom:1px solid #d9041d;*/ }

.header{ width:440px; float:none; margin:auto; overflow:hidden; }

.logo{ float:none; margin:auto; text-align:center; padding-bottom: 0px; }

.header_search{ width:280px!important; float:none; margin:auto; text-align:center; overflow:hidden; padding-top: 20px; }



body.authorpage .mainmenu{ width:440px!important; float:none; margin:auto; text-align:center; overflow:hidden; 

padding-top: 20px; }

body.authorpage .mainmenu .dj-main li.dj-up{ width:24%; margin-right:1%; background:none!important; }

body.editorpage .mainmenu{ width:420px!important; float:none; margin:auto; text-align:center; overflow:hidden; 

padding-top: 20px; }

body.editorpage .mainmenu .dj-main li.dj-up{ width:30%; margin-right:3%; background:none!important; }



.moduletable_mainmenu{ width:100%; float:left!important; }

.mainmenu ul.dj-main{ width:100%; float:left!important; }

.mainmenu .dj-main li a.dj-up_a{ width:100%; float:left!important; text-align:center;  }

.mainmenu ul li a{ font-size:13px!important; }

.mainmenu ul li a span{ padding:65px 0px 0px 0px!important; width:100%; }

/*.mainmenu ul li.first a:hover span, 
.mainmenu ul li.first a.active span { 
    background:url(../images/Mobile_Upload.png) no-repeat top center!important; 
}
.mainmenu ul li.itemid112 a:hover span,
.mainmenu ul li.itemid112 a.active span {
    background:url(../images/Mobile_Manage.png) no-repeat top center!important; 
}
.mainmenu ul li.itemid109 a:hover span, 
.mainmenu ul li.itemid109 a.active span { 
    background:url(../images/Mobile_View.png) no-repeat top center!important; 
}

.mainmenu ul li.last a:hover span, 
.mainmenu ul li.last a.active span { 
    background:url(../images/Mobile_Helps.png) no-repeat top center!important; 
}

.mainmenu ul li a.mobileapp_icon:hover span, 
.mainmenu ul li.active a.mobileapp_icon span{
    background: url(../images/mobileAppIcon.png) no-repeat left!important;
    margin-left: 0px;
}

.mainmenu ul li.first a span{ 

background:url(../images/MobileUpload_hover.png) no-repeat top center!important; color:#fff; }

.mainmenu ul li.itemid112 a span{ 

background:url(../images/MobileManage_hover.png) no-repeat top center!important; color:#fff; }



.mainmenu ul li.itemid109 a span{ 

background:url(../images/MobileView_hover.png) no-repeat top center!important; color:#fff; }

.mainmenu ul li.last a span { 

background:url(../images/MobileHelps_hover.png) no-repeat top center!important; color:#fff; }*/

.mainmenu ul li.first a.home span{background:url(../images/login_icon.png) no-repeat 15px 12px;}
.mainmenu ul li.first a.home:hover span,
.mainmenu ul li.first a.active.home span{background:url(../images/login_icon_hover.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid126 a span{background:url(../images/About.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid126 a:hover span,
.mainmenu ul li.itemid126 a.active span{background:url(../images/About_hover.png) no-repeat 15px 12px;}
.header .mainmenu ul li.itemid125 a span{background:url(../images/View.png) no-repeat 0px 4px!important;}
.header .mainmenu ul li.itemid125 a:hover span,
.header .mainmenu ul li.itemid125 a.active span{background:url(../images/View_hover.png) no-repeat 0px 4px!important;}
.mainmenu ul li.itemid127 a span{background:url(../images/Multimedia.png) no-repeat 15px 12px;}
.mainmenu ul li.itemid127 a:hover span,
.mainmenu ul li.itemid127 a.active span{background:url(../images/Multimedia_hover.png) no-repeat 15px 12px;}
.mainmenu ul li a.mobileapp_icon span{
        background: url(../images/mobileAppIcon.png) no-repeat left!important;
        margin-left: 0px;
}

.header .mainmenu ul li a.part span{
    background:url(../images/part_video.png) no-repeat 4px 6px!important;
}
.header .mainmenu ul li a.part:hover span,
.header .mainmenu ul li.active a.part span{
    background:url(../images/part_video_hover.png) no-repeat 4px 6px!important;
}
.dj-main li.active a, .dj-main li a:hover{ background:none!important; }

.dj-main li a:hover span, .dj-main li.active a.dj-up_a span{ color:#fff!important;}



.content_page{ width:440px; float:none; margin:15px auto; overflow:hidden; }

.content_left{ width: 440px; float:none; margin:auto; overflow:hidden; padding:0px; }

.footer{ width:440px; float:none; margin:auto; overflow:hidden; }



.moduletable_login{ width:428px; padding:5px; }

.customtable_loginin{ padding:2%; width:96%; }

.customtable_loginin form{ width:100%; float:left; }

#modlgn-username{ width:89%; background-size:100%; }

#modlgn-passwd{ width:89%; background-size:100%; }

button.btn{ font-size: 14px; background-size:100% 100%; height:30px; width:70px; }

button.btn:hover{ font-size: 14px; background-size:100% 100%; height:30px; width:70px;  }

.component{ width:96%!important; padding:2%!important; margin:2% 0px; }

.handbook p{ font-size:16px; line-height:20px; }



/*Sort*/

.chapter_sort{ float:left!important; width:290px; text-align:center; }

.chapter_sort select{ width:100%!important;  }

.chapterreview{ /*color:#cc0620;*/ }

.chapterreview label{ color:#515151; }



/*Registration Styles*/

.registration legend{ font-size:22px; }

.registration .control-label, .remind .control-label{ width:44%; margin-right:1%; float:left; }

.registration .controls, .remind .controls{ width:55%; float:left; }

.chapter-upload .control-label{ width:36%; margin-right:1%; float:left; }

.chapter-upload .controls{  width:63%; float:left;  }

.registration label{ width:100%!important; }

.login label, .reset label, .remind label{ width:100%!important; }

.login .control-group, .reset .control-group, .remind .control-group, .registration .control-group, 

.chapter-upload .control-group{ float:left; width:100%; }

input.btn { background: url(../images/Login.png) no-repeat left center; width: 78px; height: 30px; background-size: 100% 100%;

border: 0px; padding: 0px; color: #ffffff; font-size: 14px; font-family: 'droid_sansregular'; cursor: pointer; }

input.btn:hover{ background: url(../images/Login_hover.png) no-repeat left center; color: #002b50; border: 0px; padding: 0px;

width: 78px; height: 30px; background-size: 100% 100%; font-size: 14px; font-family: 'droid_sansregular'; cursor: pointer; }



body.managepage .book_chapter_video { float: none!important; margin: auto; width: 210px!important; text-align: center;

overflow: hidden; }

body.managepage .chaptervideo { width: 140px!important; float: none!important; padding: 0px; margin-right: 0px; 

text-align: center; margin: 10px auto; overflow: hidden; height:35px; }

body.managepage .chaptervideo a { width: 118px!important; height: 25px; background-size: 100% 100%; padding-top: 5px; 

font-size: 14px; text-align: center; float: none!important; margin: auto!important; overflow:hidden; }

body.managepage .chaptereditvideo{ width: 140px!important; float: none!important; padding: 0px; 

 margin-right: 0px; text-align: center; margin: 10px auto; overflow: hidden; height:35px; }

body.managepage .chaptereditvideo a { width: 118px!important; height: 25px; background-size: 100% 100%; padding-top: 5px; 

font-size: 14px; text-align: center; float: none!important; margin: auto!important; overflow:hidden; }

body.managepage .heading_content{ float:none!important; overflow:hidden; margin:auto; }



body.viewchapter .book_chapter_video { float: none!important; margin: auto; width: 210px!important; text-align: center;

overflow: hidden; }

body.viewchapter .chaptervideo { width: 140px!important; float: none!important; padding: 0px; margin-right: 0px; 

text-align: center; margin: 10px auto; overflow: hidden; height:35px; }

body.viewchapter .chaptervideo a { width: 118px!important; height: 25px; background-size: 100% 100%; padding-top: 5px; 

font-size: 14px; text-align: center; float: none!important; margin: auto!important; overflow:hidden; }

body.viewchapter .chaptereditvideo{ width: 140px!important; float: none!important; padding: 0px; 

 margin-right: 0px; text-align: center; margin: 10px auto; overflow: hidden; height:35px; }

body.viewchapter .chaptereditvideo a { width: 118px!important; height: 25px; background-size: 100% 100%; padding-top: 5px; 

font-size: 14px; text-align: center; float: none!important; margin: auto!important; overflow:hidden; }

body.viewchapter .heading_content{ float:none!important; overflow:hidden; margin:auto; }



.chapter_upload .chapter_view_upload { float: left!important; padding: 25px 15px; width: 170px!important; margin: auto; 

overflow: hidden; }

.chapter_upload .chapter_upload_video { float: none!important; margin: auto!important; overflow: hidden; text-align: center; }

.chapter_upload .chaptervideo { width: 140px!important; float: none!important; padding: 0px; margin-right: 0px; 

text-align: center; margin: 10px auto; overflow: hidden; height:35px; }

.chapter_upload .chaptervideo a { width: 118px!important; height: 25px; background-size: 100% 100%; padding-top: 5px; 

font-size: 14px; text-align: center; float: none!important; margin: auto!important; overflow:hidden; }



body.editorpage .mainmenu { width: 330px!important; }

body.editorpage .mainmenu .dj-main li.dj-up { width: 30%!important; margin-right: 3%!important; background: none!important; }



.book_viewchapter{ padding:20px 0px; }

.book_chapter_video { float: left; margin: auto; width: 50%!important; text-align:center; }

.book_chapter_video a{ width:140px; }

.book_chapter_video img{ margin-right:0px; }

.chaptervideo{ width: 45%; float: left; padding: 0px; margin-top: 5%; margin-right: 5%; }

.chaptervideo a{ width: 95px; height: 25px; background-size: 100% 100%; padding-top:5px; font-size:14px; }

.chaptervideo a:hover{ width: 95px; height: 25px; background-size: 100% 100%; padding-top:5px; font-size:14px; }

.chaptereditvideo{ width: 45%; float: right; margin-top: 5%; padding: 0px; margin-left: 0px; margin-right:5%; }

.chaptereditvideo a{ width: 95px; height: 25px; background-size: 100% 100%; display: block; padding-top:5px; font-size:14px; }

.chaptereditvideo a:hover{ width: 95px; height: 25px; background-size: 100% 100%; display: block; padding-top:5px;

font-size:14px; }

.chapter_content { float: none; width: auto!important; margin-top:10px; }

.heading_content{ float: left; width: 50%; margin-top:5px; }

.chapter_desc{ width:100%; float:left; margin-top: 15px; }



.view_content .chaptervideo { width: 45%; float: none; padding: 0px; margin: 10px auto!important; }



.chapter_content h3, .chapter_content h4 { text-align:center; }

.chapter_author{ text-align:center; }

.springer_link{ text-align:right!important; font-weight: bold!important; }

.footer_bg{ position:relative!important; }



.vvideo_list{ width:48%; margin:3% 1%; float:left; }



/*Upload styles*/

.chapter_view_upload { float: none!important; padding: 25px 15px; width: 160px!important; margin: auto; overflow: hidden; }

#sbox-overlay{ width:100%!important; }

/*#sbox-window{ width: 89%!important; height: 169px!important; left: 3%!important; /*top: 50%!important;*/ /*}*/

#sbox-window .videolink .control-label { width: 98%!important; margin-right: 2%; float: left; margin-bottom: 2%; }

#sbox-window .videolink .controls { width: 100%!important; float: left; margin: 5% 0px!important; }



.flag_sort select{margin: auto!important; margin-top: 10px!important;}

/*.rokbox-wrapper{ z-index: 999!important; }
[data-rokboxicon]:before{ min-height: 30px!important; min-width:30px!important; }*/
.rokbox-close{z-index:9999999; }


}

@media (min-width: 768px) and (max-width: 967px) 

{

.wrapper_top{ width:700px; float:none; margin:auto; }



.component h2{ font-size:24px; line-height:24px; padding-bottom:10px; }

.component h3{ font-size:22px; }

.component h4{ font-size:18px; }



.header_top{ background:#1e365c; padding-bottom:20px; border-bottom:1px solid #d9041d; }

.header{ width:700px; float:none; margin:auto; overflow:hidden; }

/*.logo{ float: left; padding-bottom: 30px; width: 33%; margin-right: 2%; }

.logo img{ max-width:100%; }

.mainmenu{ width:64%!important; float:none; margin-left:1%; text-align:center; overflow:hidden; padding-top: 20px; }

.moduletable_mainmenu{ width:100%; float:left!important; }

.mainmenu ul.dj-main{ width:100%; float:left!important; }

.mainmenu .dj-main li.dj-up{ width:18%; margin-right:2%; background:none!important; }

.mainmenu .dj-main li a.dj-up_a{ width:100%; float:left!important; text-align:center;  }

.mainmenu ul li a{ font-size:13px!important; }

.mainmenu ul li a span{ padding:65px 0px 0px 0px!important; width:100%; }

.mainmenu ul li.first a:hover span, .mainmenu ul li.first a.active span { 

background:url(../images/Mobile_Upload.png) no-repeat top center!important; }

.mainmenu ul li.itemid112 a:hover span, .mainmenu ul li.itemid112 a.active span { 

background:url(../images/Mobile_Manage.png) no-repeat top center!important; }

.mainmenu ul li.itemid109 a:hover span, .mainmenu ul li.itemid109 a.active span { 

background:url(../images/Mobile_View.png) no-repeat top center!important; }

.mainmenu ul li.last a:hover span, .mainmenu ul li.last a.active span { 

background:url(../images/Mobile_Helps.png) no-repeat top center!important; }

.mainmenu ul li.first a span{ 

background:url(../images/MobileUpload_hover.png) no-repeat top center!important; color:#fff; }

.mainmenu ul li.itemid112 a span{ 

background:url(../images/MobileManage_hover.png) no-repeat top center!important; color:#fff; }

.mainmenu ul li.itemid109 a span{ 

background:url(../images/MobileView_hover.png) no-repeat top center!important; color:#fff; }

.mainmenu ul li.last a span { 

background:url(../images/MobileHelps_hover.png) no-repeat top center!important; color:#fff; }*/



.dj-main li.active a, .dj-main li a:hover{ background:none!important; }

.dj-main li a:hover span, .dj-main li.active a.dj-up_a span{ color:#fff!important;}



.content_page{ width:700px; float:none; margin:15px auto; overflow:hidden; }

.footer{ width:700px; float:none; margin:auto; overflow:hidden; }



.content_left{ width: 440px; float:none; margin:auto; overflow:hidden; padding:0px; }

.moduletable_login{ width:428px; padding:5px; }

.customtable_loginin{ padding:2%; width:96%; }

.customtable_loginin form{ width:100%; float:left; }

#modlgn-username{ width:89%; background-size:100%; }

#modlgn-passwd{ width:89%; background-size:100%; }

button.btn{ font-size: 14px; background-size:100% 100%; height:30px; width:70px; }

button.btn:hover{ font-size: 14px; background-size:100% 100%; height:30px; width:70px;  }

.component{ width:96%!important; padding:2%!important; margin:2% 0px; }

.handbook p{ font-size:16px; line-height:20px; }



.chapterreview{ /*color:#cc0620;*/ }

.chapterreview label{ color:#515151; }





/*Registration Styles*/

.registration legend{ font-size:22px; }

.registration .control-label, .remind .control-label, .reset .control-label{ width:44%; margin-right:1%; float:left; }

.registration .controls, .remind .controls, .reset .controls{ width:55%; float:left; }

.chapter-upload .control-label{ width:36%; margin-right:1%; float:left; }

.chapter-upload .controls{  width:63%; float:left;  }

.registration label{ width:100%!important; }

.login label, .reset label, .remind label, .reset label{ width:100%!important; }

.login .control-group, .reset .control-group, .remind .control-group, .reset .control-group, .registration .control-group, 

.chapter-upload .control-group{ float:left; width:100%; }

input.btn { background: url(../images/Login.png) no-repeat left center; width: 78px; height: 30px; background-size: 100% 100%;

border: 0px; padding: 0px; color: #ffffff; font-size: 14px; font-family: 'droid_sansregular'; cursor: pointer; }

input.btn:hover{ background: url(../images/Login_hover.png) no-repeat left center; color: #002b50; border: 0px; padding: 0px;

width: 78px; height: 30px; background-size: 100% 100%; font-size: 14px; font-family: 'droid_sansregular'; cursor: pointer; }



.book_viewchapter{ padding:20px 0px; }

.book_chapter_video { float: left; margin-right: 2%; width: 23%; }

.chapter_content { float: left; width: 75%; margin-top:0px; }

.chapter_content h3, .chapter_content h4 { text-align:left; }

.footer_bg{ position:relative!important; }



.vvideo_list{ width:30%; margin:2% 1%; float:left; }



.chapter_view_upload { float: left; padding: 25px 4%!important; width: 21%!important; margin-bottom: 2%; }

/*#sbox-window{ height:180px!important; left: 3%!important; width: 92%!important; }*/



.page_sort{ /*float:left!important; width:100%;*/ text-align:center; }

.page_sort select{ float:right!important; overflow:hidden; }



.chapter_sort{ /*float:left!important; width:100%;*/ text-align:center; }

.chapter_sort select{ float:right!important; overflow:hidden; }

.flag_sort select{margin: auto!important; margin-top: 10px!important;}

}

@media (min-width: 240px) and (max-width: 400px) 

{

.vjs-menu-button{ padding-right:25px!important; width:2em!important; }

#jform_review_rating{ width:100%!important; }

#jform_review_rating label{ width:90%!important; }

.chapter-upload input, .chapter-upload textarea{ width:93%!important; }

.chapter-upload select{ width:96%!important; }

.chapter-upload fieldset{ width:100%; float:left; }

.chapter-upload label{ padding-top:0px!important; }



.chapter_qrcode{ float: none; margin: auto; width: 142px; }

}



/*	Menu 2014-11-10	*/

@media only screen and (max-width: 967px) 

{

img{ max-width:100%; }

.logo{ width:300px; margin-right:0px; float:none; margin:auto; overflow:hidden; text-align:center; }

.header_search{ width:300px; margin-left:0px; float:none!important; margin:auto; overflow:hidden; }

.mainmenu{ width:62%; margin-left:0px; float:none; margin:auto; overflow:hidden; }

.moduletable_mainmenu{ float:none; margin:auto; overflow:hidden; }

.mainmenu .dj-main li.dj-up{ width:18%; margin-right:2%; background:none!important; }

.mainmenu ul li a span{ padding:65px 0px 0px 0px!important; width:100%; text-align:center; min-width:56px;  }

.mainmenu ul li a.home span{ background: url(../images/mobile_login.png) no-repeat center top!important;  }

.mainmenu ul li a.home span:hover, .mainmenu ul li a.home.active span{ background: url(../images/mobile_login_hover.png) no-repeat center top!important; 

color:#d6d6d6!important; }

.mainmenu ul li a.view span{ background: url(../images/MobileView.png) no-repeat center top!important; }

.mainmenu ul li a.view span:hover, .mainmenu ul li a.view.active span{ background: url(../images/MobileView_hover.png) no-repeat center top!important;

color:#d6d6d6!important; }

.mainmenu ul li a.about span{ background: url(../images/Mobile_about.png) no-repeat center top!important; }

.mainmenu ul li a.about span:hover, 
.mainmenu ul li a.about.active span{ background: url(../images/MobileAbout_hover.png) no-repeat center top!important;

color:#d6d6d6!important; }

.mainmenu ul li a.part span{
    background: url(../images/mobilePart.png) no-repeat center top!important; 
}
.mainmenu ul li a.part span:hover, 
.mainmenu ul li a.part.active span{
    background: url(../images/mobilePartHover.png) no-repeat center top!important;
}

.mainmenu ul li.itemid125 a span{
    background: url(../images/chapterPart.png) no-repeat center top!important;     
}
.mainmenu ul li.itemid125 a:hover span, 
.mainmenu ul li.itemid125 a.active span{
    background: url(../images/chapterPartHover.png) no-repeat center top!important;
}

.mainmenu ul li a.multimedia span{ background: url(../images/Mobile_MultiMedia.png) no-repeat center top!important; margin-left: 0px!important; font-size: 16px; }

.mainmenu ul li a.multimedia span:hover, .mainmenu ul li a.multimedia.active span{ background: url(../images/MobileMultiMedia_hover.png) no-repeat center top!important;

color:#d6d6d6!important; }

.mainmenu ul li a.help span{ background: url(../images/Mobile_Helps.png) no-repeat center top!important; }

.mainmenu ul li a.help span:hover, .mainmenu ul li a.help.active span{ background: url(../images/Mobile_Helps_hover.png) no-repeat center top!important;

color:#d6d6d6!important; }

.mainmenu ul li a.manage span{ background: url(../images/Mobile_Manage.png) no-repeat center top!important; }

.mainmenu ul li a.manage span:hover, .mainmenu ul li a.manage.active span{ background: url(../images/Mobile_Manage_hover.png) no-repeat center top!important;

color:#d6d6d6!important; }

.mainmenu ul li a.review span{ background: url(../images/Mobile_Review.png) no-repeat center top!important; }

.mainmenu ul li a.review span:hover, .mainmenu ul li a.review.active span{ background: url(../images/MobileReview_hover.png) no-repeat center top!important;

color:#d6d6d6!important; }

.mainmenu ul li a.upload span{ background: url(../images/Mobile_Upload.png) no-repeat center top!important; }

.mainmenu ul li a.upload span:hover, .mainmenu ul li a.upload.active span{ background: url(../images/Mobile_Upload_hover.png) no-repeat center top!important;

color:#d6d6d6!important; }

.modifyreview{ float:right; }

.item-page .page-header{ width:100%; background:url(../images/heading_bg.png) no-repeat 100% bottom; }

.item-page .page-header h2{ width:100%; }

}

@media only screen and (max-width: 767px) 

{

.moduletable_mainmenu{ width:300px; float:none!important; margin:auto; }

body.authorpage .mainmenu{ padding-top:0px; }

body.authorpage .mainmenu .dj-main li.dj-up{ width:100%; }

.mainmenu ul.dj-main{ width:260px; padding:0px 20px; float:none; margin:10px auto; background:#3a4d6c; border-radius:10px;  }

body.authorpage .mainmenu .dj-main li.dj-up{ padding-top: 10px; padding-bottom:10px; border-bottom:1px solid #1e365c; }

body.authorpage .mainmenu .dj-main li.last{ border-bottom:0px; }

.mainmenu ul li.first{ margin-top:10px; }

.mainmenu ul li.last{ margin-bottom:10px; }

.mainmenu ul li a span{ padding:3px 0px 0px 30px!important; width:90%!important; 

text-align:left; }

.mainmenu ul li a.home span{ background: url(../images/login_icon.png) no-repeat left top!important;  }

.mainmenu ul li a.home span:hover, .mainmenu ul li a.home.active span{ background: url(../images/login_icon_hover.png) no-repeat left top!important; 

color:#d6d6d6!important; }

.mainmenu ul li a.view span{ background: url(../images/View.png) no-repeat left top!important; }

.mainmenu ul li a.view span:hover, .mainmenu ul li a.view.active span{ background: url(../images/View_hover.png) no-repeat left top!important;

color:#d6d6d6!important; }

.mainmenu ul li a.about span{ background: url(../images/About.png) no-repeat left top!important; }

.mainmenu ul li a.about span:hover, .mainmenu ul li a.about.active span{ background: url(../images/About_hover.png) no-repeat left top!important;

color:#d6d6d6!important; }

.mainmenu ul li a.multimedia span{ font-size: 16px; background: url(../images/Multimedia.png) no-repeat left top!important; }

.mainmenu ul li a.multimedia span:hover, 
.mainmenu ul li a.multimedia.active span{ background: url(../images/Multimedia_hover.png) no-repeat left top!important;

color:#ffffff!important; font-size: 16px; }

.mainmenu ul li a.help span{ background: url(../images/Helps.png) no-repeat left top!important; }

.mainmenu ul li a.help span:hover, .mainmenu ul li a.help.active span{ background: url(../images/Helps_hover.png) no-repeat left top!important;

color:#d6d6d6!important; }

.mainmenu ul li a.manage span{ background: url(../images/Manage.png) no-repeat left top!important; }

.mainmenu ul li a.manage span:hover, .mainmenu ul li a.manage.active span{ background: url(../images/Manage_hover.png) no-repeat left top!important;

color:#d6d6d6!important; }

.mainmenu ul li a.review span{ background: url(../images/review.png) no-repeat left top!important; }

.mainmenu ul li a.review span:hover, .mainmenu ul li a.review.active span{ background: url(../images/review_hover.png) no-repeat left top!important;

color:#d6d6d6!important; }

.mainmenu ul li a.upload span{ background: url(../images/Upload.png) no-repeat left top!important; }

.mainmenu ul li a.upload span:hover, .mainmenu ul li a.upload.active span{ background: url(../images/Upload_hover.png) no-repeat left top!important;

color:#d6d6d6!important; }

#review-form textarea{ width:95%!important; }

.modifyreview{ float:right; }

#review-form .btn-group .btn-submit{ margin:10px 0px; }



#jform_review_rating{ width:100%!important; }

#jform_review_rating label{ width:90%!important; }

.chapter-upload input, .chapter-upload textarea{ width:93%!important; }

.chapter-upload select{ width:96%!important; }

.chapter-upload fieldset{ width:100%; float:left; }

.chapter-upload label{ padding-top:0px!important; }

.qrcodelist{ width:100%!important; float:left!important; }



}
@media only screen and (max-width: 767px) 

{
  .landing_page #videosearchwordnew{width:183px !important;}
  .landing_page{width:220px; margin:auto;}
  .land_store{margin-top:20px;}
  .chapter_sort {float:none!important;margin:auto!important;width:220px;!important;}
  .chapter_sort select{width:220px!important;}
}
@media (min-width: 768px) and (max-width: 967px) 

{
  .land_store img{width:200px!important;}.landing_page #videosearchwordnew{width:210px !important;}
}