body {
    scrollbar-face-color: #272C53;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #272C53;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #F1F0F5;
    scrollbar-arrow-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    color: #272C53;
    background: #FFFFFF;
    position: relative;
	line-height: normal;
}
body {	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a {
    font-family: Verdana;
}

a {
    behavior: url("hidefocus.htc");
}

*:focus {
    outline: none !important;
}
.logoLine{
    background-image: url(/images/top-logo.png),url(/images/ny_line.png);
    background-repeat: no-repeat;
    background-position: top left, 330px;
    background-size: auto, cover;
    background-color: #272c53;
	
    height: 66px;
    overflow: hidden;
    position: relative;
}
/*for FireFox */
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
    border: 0px;
}

.titleh1, .titleh1:hover {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.white {
    color: white;
    /*font-size: 11px;*/
    font-weight: bold;
}

.main_menu {
    color: #DEC55B;
    /*font-size: 11px;*/
    font-weight: bold;
}

.darkbold {
    /*font-size: 12px;*/
    color: #333333;
    font-weight: bold;
    text-align: left;
}

.color3 A:link, #color3 A:link,
.color3 A:visited, #color3 A:visited,
.color3 A:active, #color3 A:active,
.color3 A:hover, #color3 A:hover {
    color: #902718;
    font-weight: bold;
}

#color2 A:link,
#color2 A:visited,
#color2 A:active {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

#color2 A:hover {
    color: #272C53;
    text-decoration: none;
    font-weight: bold;
}

#color2b A:link {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

#color2b A:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

#color2b A:active {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

#color2b A:hover {
    color: #686B87;
    text-decoration: none;
    font-weight: bold;
}

.color4 A:link, #color4 A:link,
.color4 A:visited, #color4 A:visited,
.color4 A:active, #color4 A:active {
    color: #272C53;
    text-decoration: none;
    font-weight: bold;
}

.color4 A:hover, #color4 A:hover {
    color: #902718;
    text-decoration: none;
    font-weight: bold;
}

#color5 A {
    color: #c5228b;
    text-decoration: none;
    font-weight: bold;
}

#color5 A:hover {
    color: #c5228b;
    text-decoration: underline;
    font-weight: bold;
}

/*kids content*/
#color6 A:link,
#color6 A:visited,
#color6 A:active,
#color6 A:hover {
    color: #902718;
    font-weight: bold;
}

a.but {
    color: #147;
    text-decoration: none;
}

a.but:hover {
    color: #902718;
    text-decoration: none;
}

table.maintable, div.maintable {
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: #F1F0F5;
}
div.maintable {
    padding: 5px;
    text-align: left;
}
div.maintable.titled{
    padding: 0;
}

#maintable TABLE {
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: #F1F0F5;
}

#maintable th,
div.maintable.titled .main_title {
    background-color: #686B87;
    font-weight: bold;
    color: white;
}
div.maintable.titled .main_title {
    padding: 3px;
}

#maintable th.round {
    background-color: #686B87;
    border-top-right-radius: 18px;/*background-image: url(../images/top_r.gif);*/
    background-repeat: no-repeat;
    background-position: right;
    color: white;
    line-height: 21px;
    text-align: left;
    padding: 0 6px 0 3px;
}

#maintable td, .maintable td {
    vertical-align: top;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;*/
    line-height: normal;
}
.bible-wrapper {
    text-align: center;
    margin-bottom: 10px;
    padding: 6px;
    border: 1px solid;
}
.bible-wrapper img {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;      
 }
 .bible-wrapper a:hover img {
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
 }
td.newAdd{
    background-color: #F1F0F5;
}
div.newAdd{
    padding: 0 6px;
 }
div.newAdd dl{
    width: 40%;
    float: left;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;*/
    margin: 0;
}
div.newAdd dl dt{
    background-color: #686B87;
    font-weight: bold;
    color: white;
    float: left;
    clear: left;
    width: 40%;
    padding: 1px;
    line-height: 18px;
}
div.newAdd dl dd{
    float: right;
    clear: left;
    width: 59%;
    clear: right;
}

div.newAdd dl dd input{
    height: 16px;
    padding: 1px;
}
div.newAdd textarea{
    float: right;
    width: 58%;
    clear: right;
    margin: 10px 0;
}
div.newAdd:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}
input.button.newAdd{
    margin: 10px auto;
}



td.first, th.first {
    border: black 1px solid;
    border-right: none;
    border-top: none;
}

td.last, th.last {
    border: black 1px solid;
    border-top: none;
}

td.toptd, th.toptd {
    border-top: black 1px solid;
}
/*
td, th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
*/
td.topr {
    font-family: Verdana;
    /*font-size: 12px;*/
    vertical-align: top;
    text-align: right;
}
/*
#main2 td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
*/
#num li {
    list-style-type: decimal;
    list-style-image: none;
    margin-left: 20px;
}

table.radio, img.border {
    border-right: #4A6285 1px solid;
    border-top: #4A6285 1px solid;
    border-left: #4A6285 1px solid;
    border-bottom: #4A6285 1px solid;
}

#radio A:link {
    color: #4A6285;
    text-decoration: none;
    font-weight: bold;
}

#radio A:visited {
    color: #4A6285;
    text-decoration: none;
    font-weight: bold;
}

#radio A:active {
    color: #4A6285;
    text-decoration: none;
    font-weight: bold;
}

#radio A:hover {
    color: #4A6285;
    text-decoration: none;
    font-weight: bold;
}

table.xm {
    border-right: #26504f 1px solid;
    border-top: #26504f 1px solid;
    border-left: #26504f 1px solid;
    border-bottom: #26504f 1px solid;
}

#xm A:link {
    color: #26504f;
    text-decoration: none;
    font-weight: bold;
}

#xm A:visited {
    color: #26504f;
    text-decoration: none;
    font-weight: bold;
}

#xm A:active {
    color: #26504f;
    text-decoration: none;
    font-weight: bold;
}

#xm A:hover {
    color: #26504f;
    text-decoration: none;
    font-weight: bold;
}

td.sep {
    border-bottom: #000 1px solid;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;*/
    color: #272C53;
    text-align: center;
}

p, pre {
    font-family: inherit;
    /*font-size: 12px;*/
    color: #272C53;
    margin: 8px 5px 0px 5px;
}

p {
    text-align: justify;
}

p.ind {
    margin-top: 0px;
    margin-bottom: 0px;
    text-indent: 15px;
}

.h1, H1 {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #272C53;
    margin: 0;
}

H2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #272C53;
    text-align: center;
}

H3 {
    font-family: Verdana;
    font-size: 12px;
    color: #902718;
    margin-bottom: 5px;
}

.h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #902718;
    line-height: normal;
}

.news h4.date {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 10px;
    color: #686b87;
    margin-top: 0px;
    margin-bottom: 5px;
}

.top {
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana;
    color: White;
    vertical-align: middle;
    text-align: right;
}

.calendar {
    width: 200px;
    border: 1px solid #272C53;
    background-color: #272C53;
}

.month {
    background-color: #272C53;
    font-weight: bold;
    color: white;
}

.daysofweek {
    background-color: #686B87;
    font-weight: bold;
    color: white;
}
h2.daysofweek {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-top-right-radius: 18px;
}
div.tv.daysofweek{
    display: inline-block;
    line-height: 48px;
    padding-right: 4px;
}
div.tv.daysofweek img{
    width: 48px;
    height: 48px;
    float: left;
}
div.tv.daysofweek a{
    color:inherit;
}


.days {
    background-color: #F1F0F5;
    padding: 2px;
}

#today {
    font-weight: bold;
    color: #902718;
}

.selday {
    background-color: #ACAFBE;
    padding: 2px;
}

a.cal {
    text-decoration: none;
    color: black;
}

.textfield, textarea {
    width: 100%;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: transparent;
}

input.button {
    color: white;
    background-color: #686B87;
    cursor: pointer;
}
/*
select, input {
    font: 12px verdana;
}
*/
ul {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 20px;
}

li, dt, dd {
 /*   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;*/
    color: #272C53;
    margin-top: 10px;
    margin-left: 0px;
    list-style-type: none;
}

li.dec {
    margin-left: 15px;
    list-style-type: decimal;
    list-style-image: none;
}

li.l {
    list-style-image: url(../img/link.gif);
}

li.disc {
    margin-left: 15px;
    list-style-type: disc;
    list-style-image: none;
    margin-top: 5px;
}

.c1 {
    background: transparent url(../images/bottom_right.jpg) bottom right no-repeat;
}

.footer {
    height: 88px;
    padding-left:20px;
    background: url(../images/bottom_left.jpg) left bottom no-repeat, url(../images/bottom_right.jpg) right bottom no-repeat, url(../images/bottom.jpg) left bottom repeat-x;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.footer span.createdby{
    color:white;
    padding-bottom:3px;
    font-size:11px;
}
.footer span.mail{
    font-size: 13px;
    padding-right: 60px;
    padding-bottom: 36px;
}

hr {
    width: 50%;
    height: 0;
    border: 1px solid #902718;
    margin: 6px auto;
    position: relative;
    clear: both;
}

div#lesson {
    font-size: 1.2em;
    padding-bottom: 10px;
}
#lesson .lesson {
    background-color: #272C53;
    font: bold 20px verdana;
    color: white;
    width: 120px;
    text-align: center;
    padding: 3px 3px 3px 3px;
}
#lesson .lesson2 {
    color: #686B87;
    font: bold 14px verdana;
    margin-top: 5px;
}
#lesson p {
    text-indent: 15px;
    margin: 4px 0px 3px 0px;
}

.kids {
    font-family: "Comic Sans MS";
    font-size: 16px;
    color: #902718;
    margin-bottom: 0px;
}

#tooltip_table {
    position: absolute;
    right: 2px;
    display: none;
    z-index: 200;
    border: black 1px solid;
    background-color: #F1F0F5;
}

label {
    cursor: pointer;
}

/* for kids lessons */
/* page-frames */
.page {
    position: relative;
    left: 100px;
    width: 558px;
    height: 605px;
    background-image: url(../img/kids/lessons/backgr.jpg);
    padding: 0px;
    margin: 0px;
}

.page0 {
    position: relative;
    left: 100px;
    width: 564px;
    background-color: #FFFAC2;
}

.page_green {
    position: relative;
    left: 100px;
    width: 564px;
    height: 610px;
    background-image: url(../img/kids/lessons/backgr_green.jpg);
    background-position: center;
}

.page_blue {
    position: relative;
    left: 100px;
    width: 564px;
    height: 610px;
    background-image: url(../img/kids/lessons/backgr_blue.jpg);
    background-position: center;
}

.page_pink {
    position: relative;
    left: 100px;
    width: 564px;
    height: 610px;
    background-image: url(../img/kids/lessons/backgr_pink.jpg);
    background-position: center;
}

.kid_table {
    position: relative;
    top: 50px;
    margin-left: 55px;
    width: 415px;
    height: 495px
}

.kid_table1 {
    position: relative;
    top: 33px;
    margin-left: 62px;
    width: 441px;
    height: 495px;
    line-height: 1.2em;
}
h5.kids{
	margin: 10px 0 0 0
}
ul.kid_app {
	margin: auto;
	padding: 0;
}
ul.kid_app li {
	margin-left: 4px;
	display: inline-block;
}
.navig_page {
    position: relative;
    left: 100px;
    width: 558px;
    text-align: center;
}

/* page-boats */
#primary.boat div.yellow_line {
    background: url(../img/kids/lessons/primary/backgr_y_boat.png) repeat-x;
    height: 32px;
    margin-top: 8px;
}

#primary h1 {
    font-family: "Comic Sans MS";
    font-size: 26px;
    margin-bottom: 0px;
    margin-top: 0px;
}

#primary h2 {
    font-family: "Comic Sans MS";
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

#primary h4 {
    font-family: "Comic Sans MS";
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

#primary h3 {
    font-family: "Comic Sans MS";
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    font-weight: normal;
}

#boat_orange {
    padding-top: 8px;
    padding-bottom: 8px;
}

#boat_orange A {
    color: #E97D31;
    text-decoration: none;
    font-weight: bold;
}

#boat_orange A:hover {
    color: #E97D31;
    text-decoration: underline;
    font-weight: bold;
}

/* page-lambs */
.title {
    padding-top: 8px;
    padding-bottom: 8px;
}

.title A {
    text-decoration: none;
    font-weight: bold;
}

.title A:hover {
    text-decoration: underline;
}

#primary.lamb div.line {
    height: 44px;
    margin-top: 8px;
    background-image: url(../img/kids/lessons/primary/backgr_lambs.png);
    background-repeat: repeat-x;
    background-position: center;
}

.pink_bg {
   background-color: #DB348A;
}

/*colours*/
.dl{
color: #4A0D60;
}
.dl_bg{
background-color: #4A0D60;
}
.dr {
    color: #D92127
}

.dr_bg {
    background-color: #D92127
}

.lb_bg {
    background-color: #0072BC;
}

.gb1 {
    color: #00A67E;
}

.gb1_bg {
    background-color: #00A67E;
}

.gb_bg {
    background-color: #00ABBC;
}

.gb2 {
    color: #27BA9E
}

.lg {
    color: #97C940
}

.lg_bg {
    background-color: #97C940
}

.db {
    color: #471962
}

.db1_bg {
    background-color: #0054A6
}

.db1 {
    color: #0054A6
}

.orange1 {
    color: #FBAE1F
}
.orange1_bg{
    background-color: #FBAE1F;
}

.orange {
    color: #E97D31
}
.orange_bg {
    background-color: #E97D31
}
.yellow {
    color: #FFDE00
}

.message {
    padding-top: 8px;
    padding-left: 50px;
    padding-right: 15px;
    width: 80%;
}

td.verse_td {
    position: relative;
}
.verse {
     padding: 20px 15px 15px 15px;
 }
td.verse_td #mess_obj{
    position: absolute;
    top: 20px;
    left: 0px;
}
td.verse_td #mess_obj.message_lg_orange {
    background: url(../img/kids/lessons/primary/message_lgo.gif) no-repeat;
    width: 180px;
    height: 219px;
}

td.verse_td #mess_obj.message_b_yellow {
    background: url(../img/kids/lessons/primary/message_by.gif) no-repeat;
    width: 182px;
    height: 219px;
}

td.verse_td #mess_obj.message_orange_yellow {
    background: url(../img/kids/lessons/primary/message_orange_y.gif) no-repeat;
    width: 206px;
    height: 228px;
}

.small {
    padding-right: 5px;
    text-align: right;
    font-style: italic;
}

ul.news {
    width: 320px;
    padding: 0;
    margin: 0 0 0 0;
}

ul.news li {
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0 0 5px 0;
    width: 50%;
}

ul.news li a {
    color: #d6ad00;
    float: left;

}

#player {
    display: block;
    width: 320px;
    height: 24px;
}

ul.ads {
    margin: 0 0 0 10px
}
ul.ads>li {
    width: 100%;
    margin-top: 15px;
    clear: both;
    list-style-type: disc;
    list-style-image: url(../img/note.png);
    list-style-position: outside;
    line-height: 1.5;
}
dl.intro{
    margin: 0;
}
 dl.intro dd>img {
    float: left;
    margin-right: 6px;
}
dl.intro:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}
dl.intro dt{
    float: left;
    clear:left;
    width: 50px;
    padding-bottom: 40px;
    background: url(../img/couple.gif) left bottom no-repeat;
}
dl.intro dd{
    float: left;
    width: 735px;
}
dl.intro dt, dl.intro dd{
    margin-top: 15px;
}
ul.ads.intro>li {
    list-style-image: url(../img/heads.png);
}
ul.ads.intro>li span.num {
    left: -40px;
    position: absolute;
    top: -15px;
}
ul.ads>li li {
    list-style-image: none;
    margin-top: 7px;
}
ul.ads>li h4 {
    margin: 10px 0 0 0
}
.fa.adver_icon {
    font-size: 1.5em;
    color: #686B87;
}

.skype_icon, .email_icon, .phone_icon {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding-left: 25px;
}
.skype_icon {
    background: url("../img/adds/contact_skype.png") no-repeat scroll left center transparent;
}
.email_icon {
    background: url("../img/adds/contact_email.png") no-repeat scroll left center transparent;
}
.phone_icon {
    background: url("../img/adds/contact_phone.png") no-repeat scroll left center transparent;
}
.skype_icon a,
.email_icon a,
.phone_icon a {
    margin-left: 5px
}

ul.links {
    margin: 0;
    padding: 0;
}
ul.links img {
    margin-right: 7px;
}
ul.links .fa-link {
    color: #902718;
}
ul.links>li {
    /* list-style-image: url(../img/red_right_arrow.png);*/
    list-style-position: inside;
}

ul.links.churches>li {
    margin-top: 5px;
}

.ss {
    width: 700px;
    text-align: center;
    margin: 0 auto;
}
.ss .app p{
    margin: 16px 0 0 0;
    text-align: center;
}
.ss .app img.ico{
    height: 100px;
    float: left;
    padding-bottom: 10px;
}
.ss .title, .ss .period, .ss .author {
    display: block;
    color: inherit;
    margin-top: 8px;
    font-size: 12px;
}
.ss .title {
    margin-top: 0px;
    font-weight: bold;
    font-size: 30px;
    font-family: Times New Roman Cyr
}
.ss .subtitle {
    font-size: 16px;
    color: inherit;
    margin: 0;
    padding-bottom: 14px;
}
.ss .period {
    font-style: italic;
}
.ss .author {
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
}

.ss .intro img{
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.ss .intro a{
    color:inherit;
}
.ssListen{
    width: 50px;
    height: 48px;
	margin: 6px 0;
	cursor: pointer;
    background-image: url(/img/sslisten.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

li#foldheaderF {
    list-style-image: url(../img/open.gif);
}
li#foldheader {
    list-style-image: url(../img/fold.gif);
}
li.foldheader {
    cursor: pointer;
    list-style-image: url(../img/fold.gif);
}
li.foldheader.open {
    list-style-image: url(../img/open.gif);
}
.icon-span-filestyle.glyphicon.glyphicon-folder-open {
    background-image: url("../img/open.gif");
    display: inline-block;
    height: 16px;
    width: 16px;
}

div#churches_dialog .modal-dialog {
    max-width: 450px;
}
ul.list{
    padding: 0;
    margin: 0;
}
li.list-item {
    display: flex;
    flex-direction: row;
    margin: 20px;
}
li.list-item .main_cont {
    margin: 0 0 0 12px;
    flex-grow: 1;
}
.egw_button {
    margin: 20px auto 10px;
    text-align: center;
    width: 280px;
    background: rgb(21, 136, 177);
}
.egw_button a {
    color: white;
    display: inline-block;
    padding: 6px; 
}
.egw_button a img {
    padding: 4px;
}
.egw_button a h2 {
    color: white;
    line-height: 1.6;
    margin: 8px 0 6px;
}
.source-right {
    text-align: right;
    margin-top: 6px;
}
#resourcesWarning {
    margin: 10px auto 16px;
    padding: 6px;    
    font-size: 1.5em;
    width: 70%;
    text-align: center;
    color: darkred;
    border-color: darkred;
    display: none;
}