/* IMPORTANT!  To maintain the banner... we have to set width 100% take out padding for page and
then re- add it with other divs */

button:focus {outline:0;}

.container-fluid {
     padding: 0;
}

.mtv-content-block {
    padding: 0;
    max-width: 100%;

}
.se-content-block {
    /* max-width: 940px; */
    padding-top: 35px;
    max-width: 930px;
    margin: 0 auto;
}

.landing {
    padding-top: 0px;
}

.mtv-sm-content {
    margin: auto;
}

/* Sahaja Express Banner */

#container-se-banner {
    width: 100%;
    display: block;
    height: 162px;
    /* background-color: #F7CB82; */
    background-color: #E0C1AF;
    background: url("../img/landingpage_bar.jpg");
    position:relative;
}

#se-banner-img {
 height: 134px;
 background: url("../img/MoojiTV_SE_logo_340px.png");
 background-position:50% 50%;
 background-size: 217px 115px;
 background-repeat: no-repeat;
 padding-top: 20px;
}

#se-banner-img-landing {
 height: 164px;
 background: url("../img/MoojiTV_SE_logo_big.png");
 background-position:50% 50%;
 background-size: 260px 130px;
 background-repeat: no-repeat;
 padding-top: 20px;
 }

#searchBox {
    width: 200px;
}

#btnRecentSearch, #btnTopSearch, #btnShuffleSearch {
    line-height: 22px;
    /* margin:0; */
    /* margin-right: 10px; */
}

#fm_searchform {
    position:relative;
}

#fm_refine_search {
    margin: 10px 10px 10px 99px;
}

#fm_refine_search #search {
    padding: 2px;
}

#fm_refine_search select {
    height: 24px;
}
#fm_refine_search label {
    width: 10px;
}
#fm_refine_search #search {
     margin: 0;
}

#fm_refine_search div  {
     width: 243px;;
}

#fm_refine_search #se-search-go {
     width: 217px;
}

#searchBox {
    vertical-align: top;
    margin-top: 3px;
}
#se-login-placement {
    float:left;
    margin-left: 10%;
    margin-top: 50px;
    max-width: 300px;
}

#container-se-banner-nav {
    position: absolute;
    width: 100%;
    display: block;
    bottom:0;
    height: 30px;
    /* background-color: #F7CB82; */
    background-color: #E0C1AF;
    background: url("../img/landingpage_bar.jpg");
}

#se-nav-tab {
    background-color: #E3B446;
    /* background-color: #E0C1AF; */
    width: 180px;
    height: 30px;
    padding-top: 4px;
    border: 2px solid white;
    border-bottom-style:none;
    text-align: center;
}

#se-brushstroke {

    position: absolute;
    width: 100%;
    /* top:30px; */
    /* display: block; */
    height: 26px;
 background-color: #e0c1af;
    /* background: url('') 50% 50% no-repeat; */
    background: url("../img/SE_Brushstroke_Total_LOW.png");
    background-position:50% 50%;
    background-size: 3086px 26px;
    background-repeat: no-repeat;
    /* padding-top: 0px;  */
}

#container-se-banner-width {
    width: 540px;
    margin:auto;

}

#fm_refine_search select {
    background: rgba(0, 0, 0, 0) url("../img/arrow_new_40.png") no-repeat scroll 148px 0;
    width: 170px;
}

#se-nav-tab.no-right-border {
    border-right-style:none;
}

.left {
    float:left;
}

.right {
    float:right;
}

#se-nav-tab #linkTab {
    font-family: Belleza;
    font-size: 15px;
    line-height: 2;
}

#se-line-12 {
    line-height: 12px;
}
#linkTab, a#linkTab, #linkTab a:link, #linkTab a:visited {
    color: white;
}

#linkTab.active, a#linkTab.active, #linkTab.active a:link, #linkTab.active a:visited {
    color: #000;
}

#se-nav-tab.active {
    background-color: white;
    /* color:black; */
}

/* change color of search buttons */
#fm_refine_search select {
    /*
    background: rgba(0, 0, 0, 0) url("../img/arrow_new_40.png") no-repeat scroll 168px 0 / 24px 24px;
    background: rgba(0, 0, 0, 0) url("../img/arrow_new_40.png") no-repeat 24px 24px;
    background: url('../img/arrow_new.png') no-repeat;
    */
    background: url("../img/arrow_new_40.png");
    background-size: 27px 27px;
    background-repeat: no-repeat;
    background-position: 141px 0;
}

#lblSearch, #btnRecentSearch, #btnTopSearch, #btnShuffleSearch, #fm_refine_search #search {
    background-color: #E3B446;
    /* background-color: #BD987E; */
    font-size: 13px;
    border-bottom: 3px solid #C29A38;
    height:27px;
}
#btnRecentSearch:hover,
#btnTopSearch:hover,
#btnShuffleSearch:hover,
#btnRecentSearch:focus,
#btnTopSearch:focus,
#btnShuffleSearch:focus,
#fm_refine_search #search:hover,
#fm_refine_search #search:focus
 {

	 background-color: #FACE51;
	 text-decoration: none;
	 color: #FFF;

}
#se-nav-tab.active:hover{
  background-color: #FFFFFF;
}
#se-nav-tab:hover{
  background-color: #FACE51;
}

.ompicture{
  background-image: url('../img/om-80-transparent.png');
  background-repeat: no-repeat;
   background-position: center;
   position: relative;
   background-size:contain;
   height:23px;
}
.ompicture:hover,
.ompicture:focus
{
  background-image: url('../img/om-80-transparent.png');
  background-repeat: no-repeat;
   background-position: center;
   position: relative;
   background-size:contain;
   height:23px;
}
.ombutton{
  vertical-align: bottom;
  height:27px;
}


#fldSearch, #fm_refine_search select {
    border: 1px solid #E3B446;
    height:27px
    /* border: 1px solid #BD987E; */
}
/* change color of pagination */
.left {
    float:left;
}
.pagination .current {
     background-color: #E3B446;
     /* background-color: #BD987E; */
}

.pagination .current, .pagination a.inactive:hover {
    border: 1px solid #E3B446;
    /* border: 1px solid #BD987E; */
}

.pagination a.inactive:hover, .pagination .pagination-next,
.pagination .pagination-prev {
	color: #000;
}
.pagination .pagination-next:hover:after,
.pagination .pagination-prev:hover:before {
	/* color: #E9B762; */
        color: #E3B446;
}

.pagination .pagination-next:hover,
.pagination .pagination-prev:hover {
	color: #E3B446;
        /* color: #BD987E; */
}

.se-bottom-nav {
    float: left;
    margin: 36px 30px 0 0;
}
.left-arrow-space {
    padding-right: 5px;
    padding-bottom: 1px;
}
.right-arrow-space {
    padding-left: 5px;
    padding-bottom: 1px;
}
/* SE Slide Image Zoom functionality */

.se-thumbnail-slide {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.se-thumbnail-slide:hover {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /* box-shadow: inset 0 0 0 2px #df8b41; */
    transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1); /* IE 9 */
    -moz-transform:scale(1.1,1.1); /* Firefox */
    -webkit-transform:scale(1.1,1.1); /* Safari and Chrome */
    -o-transform:scale(1.1,1.1); /* Opera */


}

/* Thumbnail grid view (archive page) SAHAJA EXPRESS 3 Column */

.mtv-thumbnail-block_grid3 {
	float: left;
	display: block;
	width: 310px;
	height: 250px;
	margin: 0;
	padding: 15px;
        padding-bottom:0;
	list-style-type: none;
}

.mtv-thumbnail-block_grid3 .mtv-thumbnail {
	height: 158px;
        width: 280px;
}


.mtv-thumbnail-block_grid3 .mtv-thumbnail_cover {
	width: 280px;
	height: 158px;
}

.mtv-thumbnail-block_grid3 .mtv-thumbnail-info {
	margin-top: 6px;
}
.mtv-thumbnail_cover {
    border: none;
}
.mtv-thumbnail-info_date {
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}

}
.mtv-thumbnail-info_title {
    line-height: 16px;
}

*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
#linkTab, a#linkTab, #linkTab a:link, #linkTab a:visited {
    color: white;
}
#linkTab, a#linkTab, #linkTab a:link, #linkTab a:visited {
    color: white;
}

#seunder, a#seunder, #seunder a:link, #seunder a:visited {
        text-decoration:underline;
        color: white;
        line-height: 24px;
}

/* places the time on the image */
 .mtv-thumbnail_duration {
    bottom: 10px;
    right: 20px;
}


/* places the new icon on the image */
 .mtv-new {
    position: absolute;
    top: 0px;
    left: 0px;
}

 .mtv-new-small {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
}

#fm_refine_search label {
    margin: 3px 8px 0 0;
}

.se-title-width {
    width: 230px;
    float:left;
}

.se-thumbnail_duration {
        /* float: right; */
        /* margin-top: -40px; */
	padding: 0 3px;
	font-size: 10px;
	line-height: 12px;
	/*
        -moz-border-radius: 2px;
	border-radius: 2px;
	background:#e0c1af;
        */
        background:#E3B446;
        /* background: #BD987E;*/
	color: #fff;
}

#se-hold-duration {
    /* width:50px; */
    height:92px;
    padding-top: 3px;
    float:right;
}

#se-hold-duration-list {
    position: absolute;
    top: 64px;
}

.relative {
    position: relative;
}

a.se-link-color, a:link.se-link-color , a:visited.se-link-color  {
    color: #000;

}

a:hover.se-link-color {
    color: #BD9550;
}

a.selink, a.selink:link, a.selink:visited {
   color: #E3B446;
}

a:hover.selink {
   color: #BD9550;
}

.se-link-size {
    font-size: 13px;
}

div.login-namer {
        max-width: 300px;
    }
/* for banner so no overlap of text */

#post-404page{
  margin-top:39px;
}



@media (max-width: 860px) {

    div.login-namer {
        max-width: 200px;
    }
    .mtv-thumbnail-block_grid3 {
            display:block;
            float: none;
        }
        .mtv-sm-related-list{
            width:100%;

        }
    #se-login-placement {
        margin-left: 8%;
        max-width: 200px;
    }
    #fm_refine_search #se-search-go {
     /* width: 250px; */
    }
     #fm_refine_search {
        margin: 10px;
    }
    .post {
        margin: 10px;
    }

}

@media (max-width: 600px) {

    div.login-namer {
        max-width: 300px;
    }
    #se-login-placement {
        margin-top: 200px;
        margin-left: 35%;
        max-width: 300px;
    }
    #seunder, a#seunder, #seunder a:link, #seunder a:visited {
        color: black;
    }

    .se-content-block {
        padding-top: 95px;
        max-width: 930px;
        margin: 15px;
    }
    #se-brushstroke {
        visibility:hidden;
    }


}


@media (max-width: 600px) {

    #se-login-placement {
        margin-left: 16%;
        margin-top: 160px;
    }
    #container-se-banner-nav {
        background-color:transparent;
    }

    #se-nav-tab {
    font-size: 80%;
    width: 100px;
    line-height: 20px;
    }

    #container-se-banner {
    height: 148px;
    }
    #container-se-banner-width {
    width: 300px;
    }

    #btnRecentSearch, #btnTopSearch, #btnShuffleSearch {
        margin: 10px 0 0px 5px;
    }


    .right {
    float: left;
    }

}