/*!
 * Yamm!3
 * Yet another megamenu for Bootstrap
 * http://geedmo.github.com/yamm3
 *
 * Demo styles
 */

/* layout */
@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
  padding-bottom: 40px;
  color: #666;
  font-family: "Roboto",sans-serif;
}

/*Extra code for image responsiveness by paras*/


/*body img {
display: inline-block;
height: auto !important;
max-width: 100% !important;
}*/

/*Extra Code Ends */
pre { margin: 0; padding: 10px 20px !important;}

footer {
  margin-top: 20px;
}

/*added by Arindra for the caption text for video section on home page*/
.video-caption{
height:40px;
text-align:center;
font-weight:bold;
padding:5px;
}

.panel-heading-video{
	background-color:#f5f5f5;
	border-color:#ddd!important;
	background-image:linear-gradient(to bottom, #f5f5f5 0px, #e8e8e8 100%);
	border:1px solid #ddd;
	/*border-bottom:1px solid transparent !important;*/
	
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding:10px 15px;
}

.panel-heading-contactus{
	background-color:#f5f5f5;
	border-color:#ddd!important;
	background-image:linear-gradient(to bottom, #f5f5f5 0px, #9dd0eb 100%);
	border:1px solid #ddd;
	/*border-bottom:1px solid transparent !important;*/
	
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding:10px 15px;
}


.container, .jumbotron .container { width: auto; max-width: 90%; }

.jumbotron {
 /* margin: 60px 0;*/
  padding-left: 0;
  padding-right: 0;
}
  .jumbotron.intro {
    margin-top: 0;
  }

  .jumbotron .navbar {
    font-size: 14px;
    line-height: 1.6;
  }

/* menu styes */
.list-unstyled,
.list-unstyled ul { min-width: 120px }
.list-group-item{padding:5px 12px !important;background:#ecf2f5;border:0!important;font-weight:bold;font-size:15px;color:#31708F;}
.list-group-item:hover{background:white!important;}

.list-unstyled{text-align:left;}
.list-group{background:}

@media ( min-width: 767px ) {
  /*.panel-group { width: 400px; }*/
  .thumbnail { margin: 0; }
}

/* Grid demo styles */
.grid-demo {
  padding: 10px 30px;
}

 .grid-demo [class*="col-"] {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1em;
    text-align: center;
    line-height: 2;
    /*background-color: #e5e1ea;*/
    /*border: 1px solid #d1d1d1;*/
  }
.Introbox{width:350px;height:300px;}
.readmore{float:right;width:100%;text-align:right;font-size:12px;padding-top: 10px;font-weight:bold}
.readmore a{text-decoration:none!important;cursor:pointer}
.panel-title > a {cursor:pointer}
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: auto;
    height:100%;
	
}
.wraptocenter * {
    vertical-align: middle;
	
}
.wraptocenter img{max-height:100px;max-width:100px;}
/*.modal-body img{width:auto;max-height:600px;text-align:center;margin:auto;}
.modal-content,.modal-dialog{max-width:800px!important;}*/
.container{width:1280px!important;}
.well{padding:10px!important;;margin-bottom:10px!important;}
.list-group,.list-group li{background:#ecf2f5;}
.navbar{
    /*background: #ecf2f5;
	background: -webkit-linear-gradient(top,#1468AC  0%,#ecf2f5);
	background: -moz-linear-gradient(top,#1468AC  0%,#ecf2f5);
	background: -o-linear-gradient(top,#1468AC  0%,#ecf2f5);
	background: -ms-linear-gradient(top,#1468AC  0%,#ecf2f5);
	background: linear-gradient(top,#1468AC  0%,#ecf2f5);	
	-webkit-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);
	-moz-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);*/
	background:linear-gradient(#0272a7, #013953) repeat scroll 0 0 rgba(0, 0, 0, 0);
	transition-duration: 0.15s;
	
}
.navbartop,.signinul{
    background: #ecf2f5;
	background: -webkit-linear-gradient(top,#1468AC  0%,#ecf2f5);
	background: -moz-linear-gradient(top,#1468AC  0%,#ecf2f5);
	background: -o-linear-gradient(top,#1468AC  0%,#ecf2f5);
	background: -ms-linear-gradient(top,#1468AC  0%,#ecf2f5);
	background: linear-gradient(top,#1468AC  0%,#ecf2f5);	
	-webkit-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);
	-moz-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);
	
	
}

ul.mylist {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    width:97%
}

ul.mylist li{ margin: 0;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;}

.navbar-header a{color:white!important;}
.dropdown-toggle {color:#FFF}
.dropdown-toggle #donation{color:red}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color:#ecf2f5!important;}
.navbar-brand, .navbar-nav > li > a{text-shadow:none!important;font-weight:bold!important;}
.list-unstyled li a,.wraptocenter div div a,.col-sm-6  a{text-decoration: none;cursor:pointer;}
.container{width:90%!important;}
.navbar-brand{padding-top:15px!important;}
.navbar-brand img {height:70px!important;}
.political img{min-height:120px!important;}
.videothumbnail{/*min-height:210px;*/}
..audiotree{column-count:2;column-gap:0;width:50%;}
.audioitem{margin-left:0px;padding-left:32px!important;background-image:url('/_image/audiothumbnail.jpg');height:auto;background-repeat:no-repeat;padding-bottom:8px;font-size: 12px;}
.audioitemlist{height:auto;background-repeat:no-repeat;padding-bottom:6px;}
 .audiotree li {display:inline-block; width:100px!important;height:100px!important; color:white;text-align:center!important;font-size:10px!important;line-height:100px!important;font-weight:bold;border:1px solid white;}
a:link, span.MsoHyperlink{text-decoration:none!}

/*On hovering display menu 
.dropdown:hover .dropdown-menu{display:block;}*/
.back-to-top {
    position: fixed;
    bottom: 6em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
	z-index:9999;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}


.next {
    position: fixed;
    top: 43px;
    /*right: 5.5%;*/
	right: 5%;
    text-decoration: none;
    color: #fff;
    background-color:#39B2D5;
    font-size: 12px;
    padding: 8px;
    display: none;
      z-index:1000;
    border-radius:5px;
}

.next:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}
.previous {
    position: fixed;
    /*top: 17%;*/
	top: 43px;
    /*left: 28%!important;*/
	left: 5%!important;
    text-decoration: none;
    color: #fff;
    background-color:#39B2D5;
    font-size: 12px;
    padding: 8px;
    display: none;
    z-index:1000;
    border-radius:5px;
	
}

.previous:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}

.download {
    position: fixed;
    top: 49%;
    right:2%!important;
    text-decoration: none;
    color: #fff;
    background-color:#39B2D5;
    font-size: 12px;
    padding: 8px;
    display: none;
    z-index:1000;
    border-radius:5px;
    word-wrap:break-word;
    width:25px;
	
}
.navbartop .navbar-nav > li > a{line-height:5px!important;}
/*.navbar-form{margin-top:20px!important;}*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{color:#31708F!important;text-decoration:none!important;}

.navbartop {height:40px;}
.navbar-toggle{margin-top:15px!important;}
.navbar-header{margin-top:-50px;}
#search-form{margin-top:5px!important}
.navbar-default .navbar-nav > .active > a{background:#ECF2F5!important;color:#31708F!important; 
    border-bottom: 5px outset #025d88;
    border-color: #025d88;
    border-right: 5px outset #025d88;
    border-width: 5px;
    color: #025d88;padding:15px;line-height:5px;}
.navbar-default .navbar-nav > li > a{color:#FFF}

.navbar-default .navbar-nav > li #donation{color:yellow;}

.nav li {
	padding:5px 0px 4px;margin-right:8px;float:left
}
.nav .fa{
	color:#fff;
	font-size:27px;
	width:30px;height:30px;/*background:red;*/
	text-align:center;
}
#cssmenu > ul > li.menuicon > a{padding:5px 6px}
#cssmenu > ul > li.menuicon.has-sub > a{padding:5px 10px}
#cssmenu .fa{
	font-size:25px;
	width:30px;height:32px;/*background:red;*/
	text-align:center;line-height:30px;
}
.test{/*display:none;*/}
.open .test{display:block;}



/*.collapse.in {background:#015B86;}*/

.msgreference{font-size:12px!important;font-weight:bold;text-align:center}
.messages{text-align:justify} /*;padding-left:15px;padding-right:15px;font-size:12px!important;}*/
.justify{text-align:justify;padding-left:15px;padding-right:15px;}
.flowerimage{max-width:800px;max-height:400px;}
.media-body {text-align:justify;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:5px!important;padding-right:5px!important;padding-bottom:6px!important;}
.videogallery a{margin:0px!important;}

.menuimage{max-height:130px!important;}
.menuimage2{max-height:90px!important;}
/*.audioitem a{margin-left:30px;}*/
.v-center {
    position: absolute;
top:50%;
margin-top: -50px; /* if the height is 100px */
}
.media, .media-body{overflow:visible!important;}
.navbar-nav{margin-right: 3px!important;}
.navbarsignin{margin-top:70px;}
blockquote{border:none!important;}
#bookindexcontainer,#bookcontainer{overflow:auto;margin-top:10px;height:600px!important;} /* height:750px!important*/

.dropdown-menu search col-sm-12{left: none !important;}

//#bookcontent{border:1px solid #BCE8F1!important;}
/*.bookprenext{margin-top:60px!important;}*/   /*commented by Arindra*/

.bookcontainertitle{font-size:14px;font-weight:bold;color:#016493;font-size:20px;padding:5px;text-align:center;}
.bookindextitle{font-weight:bold;color:#fff;font-size:18px;padding:5px;text-align:center}
.significancetitle{font-weight:bold;color:#016493;font-size:16px;padding:5px;float:left;}
.noimage{height:160px;margin: auto;width: 117px;border:1px solid #016493!important;border-radius: 5px;text-align: center;box-shadow: 3px 5px 4px #88887d;display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
   display: -moz-box;      /* OLD: Firefox (buggy) */
   display: -ms-flexbox;   /* MID: IE 10 */
   display: -webkit-flex;  /* NEW, Chrome 21–28, Safari 6.1+ */
   display: flex;          /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */

   -webkit-box-align: center; -moz-box-align: center; /* OLD… */
   -ms-flex-align: center; /* You know the drill now… */
   -webkit-align-items: center;
   align-items: center;word-wrap: break-word;

   -webkit-box-pack: center; -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;}
li a .img-responsive,a .img-responsive{box-shadow: 3px 5px 4px #88887d;}
.menuvideogallery span{margin-top:7px!important;/*min-height:77px!important;*/}
.videogallery span{margin-top:7px!important;height: 35px;}
.menuvideogallery a{margin:0px!important;}
.audiocontainer{text-align:center!important;padding-top:10px;padding-bottom:10px;}
.gsc-input{background:none!important;}
.cse .gsc-control-cse, .gsc-control-cse{padding:0!important;border-color:#fff!important;}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{width:38px!important;height:30px!important;padding:6px 10px !important;}
.menuvideogallery span {display: block;font-size: 13px;}
.menuvideogallery a {font-family: Trebuchet,Tahoma,Arial,sans-serif;font-weight: normal; text-align: center;}
.subcheckbox{margin-right: 4px!important;}
.aligin-center{text-align: center!important;margin-left:0px!important;}
.newcontent{float:none!important;margin:auto!important}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
/*  left: auto;*/
}
.yamm .yamm-content {
  padding: 10px 20px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
/* the overlayed element */
#voverlay {
	
	/* growing background image */
	background-image:url("../../_image/back.png");

	/* dimensions after the growing animation finishes  */
	width:640px;
	height:480px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:25px 25px 29px 25px;
}

/* default close button positioned on upper right corner */
#voverlay .close {
	background:url("../../_image/close.png");
	position:absolute;
	right:-7px;
	top:-5px;
	cursor:pointer;
	height:47px;
	width:46px;
}

#voverlay .vcontainer{
	left:0;
	top:0;
	width:100%;
	height:100%;	
	background:url("../../_imageloading.gif") no-repeat 50% 50%;


}

.treeviewflowerimage {height:140px!important}
.flowername {height:20px!important;}
.flowertitle{text-align:center;padding-bottom: 18px;margin-left:0!important}
.borderedbox{border:1px solid gray;}
.newsletterrow{background:#DEDEDE;}
.alterrow{background:#FFFFFGF;}


/* This block is book.css*/


h1{text-align:center;}
h2{text-align:center;}
h3{/*text-align:center;*/}
h6{font-weight:normal!important;}
.bigdiv{Width:98%;margin:auto}
.para{margin-top: 0; margin-bottom: 0;margin-left: 0;margin-right: 0; line-height:150%;text-align:justify;}
.paracenter{margin-top: 0; margin-bottom: 0;margin-left: 0;margin-right: 0; line-height:150%;text-align:center}
.pararight{margin-top: 0; margin-bottom: 0;margin-left: 0;margin-right: 0; line-height:150%;text-align:right;font-weight:bold;font-size:12px;}
.paraindent{margin-top: 0; margin-bottom: 0;margin-left: 0;margin-right: 0; line-height:150%;text-align:justify;text-indent:25px}
.paraleftindent{margin-top: 0; margin-bottom: 0;margin-left: 100px;margin-right: 0; line-height:150%;text-align:justify}
.pararightindent{margin-top: 0; margin-bottom: 0;margin-left: 0;margin-right: 100px; line-height:150%;text-align:justify}
.parafullintent{margin-top: 0; margin-bottom: 0;margin-left: 100px;margin-right: 100px; line-height:150%;text-align:justify}
.footnote{margin-top: 0; margin-bottom: 0;margin-left: 0;margin-right: 0; line-height:150%;text-align:justify;text-indent:25px;font-size:13px}
.Pageno{margin-top: 0; margin-bottom: 0;margin-left: 0;margin-right: 0; line-height:150%;text-align:center;font-size:13;}
.outerdiv{width:100%;float:left;}
.content{width:50%;margin:auto;}
.TwoCol{float:left;width:100%}
.column1{width:80%;float:left;min-height: 25px;}
.column2{width:20%;float:left;min-height: 25px;}
.column2 p{text-align:right;}
.aurovillecharter{font-family:"Comic Sans MS"!important;}

@media screen and (max-width: 1200px){
.content{width:70%;margin:auto;}
}
@media screen and (max-width: 500px){
.content{width:90%;margin:auto;}
}

/* this block is tree view like structure/*

/********************/
/* GENERAL SETTINGS */
/********************/

#menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clear {
    clear: both;
}


/********************/
/* EXPANDABLE LIST  */
/********************/
/*#listContainer{
  margin-top:15px;
}*/
/*#expList ul{margin-left:-20px!important;}*/
#bookindexcontainer .panel-heading-video{background:#346fa1;}
#bookcontent ul li:hover:not(.active),#bookcontent ul li:hover:not(.active) a  {
    //background-color: #3B7DB5;
    color: #ea321e;
}
#expList ul, li {
    /*float:left;*/
	list-style: none;
    margin:0;
    padding:5px 10px;
/*    cursor: pointer; */
	
}
#expList p {
    margin:0;
    display:block;
}
#expList p:hover {
    background-color:#121212;
}
#expList li.test a{color: #ea321e;}
#expList li.expanded ul li:nth-last-of-type(1) {
 border:medium none;
}
#expList li {
    cursor: pointer;
	float:none;
	border-bottom:1px dotted #bbb;
	/* text-indent:30px;*/
    padding: 10px 15px; /*20px;*/
    
    background-position: 0px 14px;
    background-repeat: no-repeat;
 /*   text-align:left !important;
    text-transform: capitalize !important;*/
}
/*ul li:nth-child(5) {  
  color: #ccc;
}*/
#expList li.currentpage{background:#D75400;margin:0px;}
#expList li a{
	color:#333;
}
/* Collapsed state for list element */
#expList .collapsed {
    //background-image: url("http://local.motherandsriaurobindo.in/_image/collapsed.png");
    background-image: url("../../_image/listicon.png");
    margin:0 10px;
    
}
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
#expList .expanded {
    //background-image: url("http://local.motherandsriaurobindo.in/_image/expanded.png");
    background-image: url("../../_image/listiconcolor.png");
}
#expList {
    clear: both;
    padding-left: 0px;
}

.listControl{
  margin-bottom: 15px;
}
.listControl a {
    border: 1px solid #555555;
    color: #555555;
    cursor: pointer;
    height: 1.5em;
    line-height: 1.5em;
    margin-right: 5px;
    padding: 4px 10px;
}
.listControl a:hover {
    background-color:#555555;
    color:#222222; 
    font-weight:normal;
}
#expList.htmfile{line-height:25px!important;}
.htmfile{line-height:25px!important;}


.disciplesclass{height:90%!important }

.yearlydates {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
    transition: all 0.2s ease-out 0s;
    width: 100%;}

.eachmonth {
    float: left;
    height: 210px;
    margin: 3px;
    width: 7.6%;
}

.NewcontentMonthName {
    font-size: 14px;
    text-align: center;
    width: 100%;
}

.eachdate {
    margin: 5px;
    padding: 2px;
    text-align: center;
}

.k-footer{display:none!important;}
input[type="radio"], input[type="checkbox"]{margin: 0 !important;}
.l-btn-left{margin-top:0px!important;}
.l-btn-text{line-height:20px!important;}
#login-remember{margin-top:5px!important;}
/*
.modal-dialog{width: 800px !important;}
.modal-body{min-height: 400px;}
*/
.gliphiconlarge{font-size:22px!important;top:5px!important;cursor:pointer;}
.fixedwidthbottom{margin:auto!important;float:none!important;width:1077px!important;}
.play{background-image:url("/_image/play_new.png");width:64px;height:64px;margin-top:-64px;position:relative;}
.fixheightphoto{min-height:320px!important; position: relative;}
.fixheightphoto1{min-height:270px!important; position: relative;}
.fixheightphoto2{min-height:100px!important; position: relative;}
.fixheightphoto3{min-height:205px!important; position: relative;}
.fixheightphoto4{min-height:50px!important; position: relative;}
.fixheightthumbnailphoto{ position: relative;min-height:120px!important;width:auto!important;}
.dummy {
    padding-top: 100%; /* forces 1:1 aspect ratio */
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.img-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.contentpart{
	display:table;
	height:105px;
}
.contentpart a{
	display:table-cell;
	vertical-align:middle;
}

.contentpart1{
	display:table;
	height:55px;
}
.contentpart1 a{
	display:table-cell;
	vertical-align:middle;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
}

.highlights{
	padding: 10px; 
	border-radius: 5px; 
	background-color: rgb(13, 119, 182);
}

.highlights a{
	color:#fff;
}

.fixheightphoto img{vertical-align:middle !important;}
.navcenter{margin-left:11%!important;}
table.gsc-search-box{margin-top:-5px!important}
.specialvisitorlarge{min-height:250px!important;}
.fixheightflower{min-height:250px!important;}
.navbar-inverse .navbar-nav > li > a{color:#fff!important;}
.ui-datepicker-inline{width:100%!important;}
.ui-datepicker-multi .ui-datepicker-group{margin:10px!important;}
.decreaseFont{font-size:25px; cursor: pointer;} /*margin-top:8px!important;*/
.resetFont{font-size:25px; cursor: pointer;}   /*margin-top:5px!important;font-size:30px*/
.increaseFont{font-size:25px; cursor: pointer;} /*font-size:35px*/
#bookcontainer{padding:20px!important;}
.videocol{text-align:center!important;}
.videocol a{font-size:14px!important;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align:middle!important;}
.playvideoheight{min-height:100%!important;}
.divcenteralign{margin:auto!important;float:none!important;}
#bookcontainer table{font-size:none!important;}
.vcontainer div a{display:none!important;}
.bookimage{margin-bottom:20px!important;min-height:160px!important;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
  background-color:#e7e7e7!important;
  color:#31708F !important;
}
h5{font-size:14px!important;}

.starparacenter{text-align:center;margin:25px 0 25px;!important;}
.pageno{text-align:center;}

.messagebody{min-height:275px!important;}
.flowerheading{color:#015379!important;}

.zoomWrapper{margin-top:5px!important;}
#gallery_01 a img{margin-top:5px!important;}

.white{background:rgb(255,255,255)!important;float:left!important;width:86%!important;box-shadow: 3px 5px 4px #88887d;!important}
.r01{background:rgb(255,204,204)!important;}
.r02{background:rgb(255,153,153)!important;}
.r03{background:rgb(255,102,102)!important;}
.r04{background:rgb(255,51,51)!important;}
.r05{background:rgb(255,0,0)!important;}
.r06{background:rgb(204,0,0)!important;}
.r07{background:rgb(153,0,0)!important;}

.o01{background:rgb(255,229,204)!important;}
.o02{background:rgb(255,204,153)!important;}
.o03{background:rgb(255,178,102)!important;}
.o04{background:rgb(255,153,51)!important;}
.o05{background:rgb(255,128,0)!important;}
.o06{background:rgb(204,102,0)!important;}
.o07{background:rgb(153,76,0)!important;}

.y01{background:rgb(255,255,204)!important;}
.y02{background:rgb(255,255,153)!important;}
.y03{background:rgb(255,255,102)!important;}
.y04{background:rgb(255,255,51)!important;}
.y05{background:rgb(255,255,0)!important;}
.y06{background:rgb(255,224,102)!important;}
.y07{background:rgb(255,219,77)!important;}
.y08{background:rgb(255,240,0)!important;}
.y09{background:rgb(248,225,159)!important;}
.y10{background:rgb(210,244,104)!important;}

.g01{background:rgb(229,255,204)!important;}
.g02{background:rgb(204,255,153)!important;}
.g03{background:rgb(178,255,102)!important;}
.g04{background:rgb(153,255,51)!important;}
.g05{background:rgb(128,255,0)!important;}
.g06{background:rgb(102,204,0)!important;}
.g07{background:rgb(76,153,0)!important;}

/*.b03{background:rgb(102,255,255)!important;}
.b04{background:rgb(51,255,255)!important;}
.b05{background:rgb(0,255,255)!important;}*/


.b01{background:rgb(204,229,255)!important;}
.b02{background:rgb(153,204,255)!important;}
.b03{background:rgb(102,178,255)!important;}
.b04{background:rgb(51,153,255)!important;}
.b05{background:rgb(0,128,255)!important;}
.b06{background:rgb(0,102,204)!important;}
.b07{background:rgb(0,76,153)!important;}

.b08{background:rgb(204,204,255)!important;}
.b09{background:rgb(153,153,255)!important;}
.b10{background:rgb(102,102,255)!important;}
.b11{background:rgb(51,51,255)!important;}
.b12{background:rgb(0,0,255)!important;}
.b13{background:rgb(0,0,204)!important;}
.b14{background:rgb(0,0,153)!important;}

.v01{background:rgb(229,204,255)!important;}
.v02{background:rgb(204,153,255)!important;}
.v03{background:rgb(178,102,255)!important;}
.v04{background:rgb(153,51,255)!important;}
.v05{background:rgb(127,0,255)!important;}
.v06{background:rgb(102,0,204)!important;}
.v07{background:rgb(76,0,153)!important;}
.v08{background:rgb(134,0,200)!important;}

.p01{background:rgb(255,204,204)!important;}
.p02{background:rgb(255,153,255)!important;}
.p03{background:rgb(255,102,255)!important;}
.p04{background:rgb(255,51,255)!important;}
.p05{background:rgb(255,0,255)!important;}
.p06{background:rgb(204,0,204)!important;}
.p07{background:rgb(153,0,153)!important;}

.p08{background:rgb(255,204,229)!important;}
.p09{background:rgb(255,153,204)!important;}
.p10{background:rgb(255,102,178)!important;}
.p11{background:rgb(255,51,153)!important;}
.p12{background:rgb(255,0,127)!important;}
.p13{background:rgb(204,0,102)!important;}
.p14{background:rgb(153,0,76)!important;}

.Alphabet{float:left!important;}

.colorbox{height:45px!important;margin:2px;border:1px solid black;}
.omchoirglyphycon{font-size:16px !important;}
.thumbnail{box-shadow: 3px 5px 4px #88887d;!important}
.colorcolumn{width:45px!important ;float:left!important;margin:2px;}
.textsize{width:20px!important ;float:left!important;margin:2px;}
.textsizerow{width:150px!important;;margin:auto!important;;float:none!important;}
.alphabetcolumn{width:20px!important ;float:left!important;margin:2px;font-size:18px!important;}
.thumbnail{margin-bottom:0px!important;}
.fixheightmessages{min-height:240px!important;}
.panel{margin-bottom:5px!important;}
.bookindexcontainer a{cursor:pointer!important;}
.specialvisitorthumb{min-height:115px!important;}
.bold{font-weight:700!important;}
.bookcontent{height:750px!important;}
.test {
   color: #ea321e;
   /* background-color:#39B3D7;*/ /*#4CAF50;*/
}

.test1 test {
    color: #fff;
    background-color:#39B3D7; /*#4CAF50;*/
}

@media only screen and (max-width : 1200px) {
  .fixheightphoto{min-height:300px!important}
   #centermenu{left:34%!important;}
	.fixedwidthbottom{width: 98% !important;}

}

@media only screen and (max-width : 979px) {
     #centermenu{left:28%!important;}
      .dummy {padding-top: 60% !important;}
     .videothumbnail{min-height:110px!important}
.buttonbottom{margin-top: 41px !important;}
}

@media only screen and (max-width : 767px) {
     #centermenu{left:72px!important;}
      .dummy {padding-top: 60% !important;}
     .fixedwidthbottom{margin:auto!important;float:none;width:320px!important;}
     .videothumbnail{min-height:110px!important}

	ul.mylist {
	    -moz-column-count: 1;
	    -webkit-column-count: 1;
	    column-count: 1;
	    width:97%
	}
	.container{
		max-width:100%!important;
		width:100%!important;
		padding-left:0px!important;
		padding-right:0px!important;
	}
}

@media only screen and (max-width : 480px) {
      #centermenu{left:72px!important;}
    .dummy {padding-top: 60% !important;}
    #bookindexcontainer{
 
           #bodycontent{margin-top:100px!important;
   }
   .fixedwidthbottom{margin:auto!important;float:none;width:320px!important;}
   .container{
		max-width:100%!important;
		width:100%!important;
		padding-left:0px!important;
		padding-right:0px!important;
   }
   #feature h3, #feedback h3, #portfolio h3, #about-us h3, #about-us2 h3, #latest-news h3, #pricing h3, #gallery h3, #imagegallery h3, #all-audio h3, #devotee h3, #audio h3, #darshan h3, #jqslide h3{font-size:1.5em;}

}

@media only screen and (max-width : 320px) {
	  //#getbreadcrum{padding-top:100px!important}
      #centermenu{left:72px!important;}
    .dummy {padding-top: 60% !important;}
    #bookindexcontainer{
		#bodycontent{margin-top:100px!important;}
   }
.fixedwidthbottom{margin:auto!important;float:none;width:275px!important;}

//.next{margin-top:35px!important}
//.previous{margin-top:35px!important}
.container{
		max-width:100%!important;
		width:100%!important;
		padding-left:0px!important;
		padding-right:0px!important;
		//padding-top:30px!important
	}
#feature h3, #feedback h3, #portfolio h3, #about-us h3, #about-us2 h3, #latest-news h3, #pricing h3, #gallery h3, #imagegallery h3, #all-audio h3, #devotee h3, #audio h3, #darshan h3, #jqslide h3{font-size:1.5em;}
}