@charset "utf-8";
/* CSS Document */

.charity-banner {
	background-color:#cd6a33;	
    color: #000;
    display: block;
    font-weight: bold;
    padding: 5px 5px;
    text-align: center;
	width:auto;
}

.cancel-banner {
	background-color:red;	
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 5px 5px;
    text-align: center;
	width:auto;
}
.orange-border{
	padding:10px;
	border:1px solid #cd6a33;
}
.big-text {
	color:#fff;
	padding:10px 0 0 0;
	font-size: 32px;
}
blockquote {
	color:	#558c31;
}
.charity-banner h2, .cancel-banner h2 {
	margin:5px;
	padding:5px;
	color: #fff;
	font-size:25px;
}
.charity-banner h3, .cancel-banner h3 {
	color: #fff;
	font-size:20px;
}
.charity-banner h4, .cancel-banner h4 {
	color: #fff;
	font-size:18px;
}
h1 {
	padding:5px;
	margin:0;
}
.white {
	color:#fff;	
}
.green {
	color:#558c31;	
}
.safroon {
	color:#CD6A33;	
}
.greenbg {
	background-color:#558c31;
	color:#fff;
}
.safroonbg {
	background-color:#CD6A33;
	color:#fff;	
}
.red-text a {
	color:#F00 !important;
	font-weight:bold;
}
.smallText {
	font-size: 16px;	
}

.chennai-floods {
    background-image: url("../images/stage.png");
    background-repeat: repeat;
    border-radius: 100px;
    float: left;
    height: auto;
    margin: 10px 0 120px;
    padding: 10px 10px 50px;
    width: 900px;
}
.img-fluid {
	max-width: 100%;
	height:auto;
}
.chennai-flood-frame {
	padding:7px !important;
	clear:both;
	margin:15px 5px 15px 7px !important;
	border-radius:100px 100px 3px 3px;	
	border:2px solid #F00;
	height:auto;
	text-align:center;
	background-color:#fff;
	opacity:.8;
}
.red-text {
	color:#F00;
	font-weight:bold;
}
.help-line-col-heading {
	background-color:#069;
	color:#fff;
	text-align:center;
	padding:10px;
	font-size:20px;
	font-weight:bold;
}
.help-line-row-heading {
	background-color:fff;
	color:#000;
	text-align:left;
	padding:10px;
	font-size:17px;
}
.help-line-row-text {
	background-color:#fff;
	color:000;
	text-align:left;
	padding:10px;
	font-size:18px;
	font-weight:bold;
}
.chennai-rain-table {
	margin:0 0 0 0;
	background-color:#fff !important;
	width:100% !important;
	border-color:#006699 !important;
	
	
}
.google-doc {
	 border:2px solid navy;margin:20px 0 0 0;
	 text-align:center;
	 padding:10px;
}
.navbar {
	position:relative;
	min-height:140px;
	margin-bottom:10px;
	border:1px solid transparent
}
.navbar-nav {
	float:left;
	margin:95px 0 0 15px;
}

.navbar-bottom .navbar-nav {
	float:left;
	margin:0 0 0 15px;
}

.navbar-inverse {
	background-color:#fff;
	color:#000;
	border:1px solid #fff;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-toggle .icon-bar {
	border-radius: 0;
	display: block;
	height: 2px;
	width: 22px;
	color:#fff;
}

.gold {
color:#C90;	
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: transparent;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: #000066;
}
.navbar-inverse .navbar-toggle {
	background-color:#000066;
}
.navbar-toggle {
	background-color:#fff;
}

.navbar-brand {
    float: left;
    height: 40px;
    padding: 10px;
    line-height: 15px;
}

/*.navbar-right a:focus {
	background-color:#2179BA;
	border:1px solid red;
}*/
table {
	/*border-collapse: collapse;*/
	width: 90%;
	margin:20px;
	border:1px solid #ddd;
}
td, th {
	border: 1px solid #ddd;
	padding:5px;
}
th {
	background-color:#fff;
	font-weight:bold;
	color:#000;
}
h1 {
	color:	#cd6a33;
	font-size:20px;
	font-weight:bold;
	line-height:25px;
}

.freebirdHeaderMast {
    background-color: #960E9E !imporant;
}
.freebirdAccentBackground {
	background-color: #960E9E !imporant;
}
.col-sm-4 {
	padding:10px;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
	padding: 0 10px 0 0;
}
.border {
	border:2px solid #ddd;
	border-radius:4px;
}
caption { font-weight:bold; color:#000;}
#skip a, #skip a:hover, #skip a:visited {
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -500px;
	width: 1px;
	z-index: 999;
}
#skip a:active, #skip a:focus {
	color: #2179BA;
	height: auto;
	padding: 2px 5px;
	margin:0 0 0 190px;
	position: absolute;
	top: 0;
	width: auto;
	z-index: 999;
	font-size:11px;
	text-decoration:none;
}
.navbar-brand {
	z-index:-999;
}
.tv {
	background-image: url("../images/tv.png");
	background-position: center center;
	background-repeat: no-repeat;
	height: 334px;
	padding: 177px 59px 0 0;
	width: 310px;
	margin:0 0 0 0;
}
.radius {
	border-radius:10px;
}
.band {
	background-color: #2179BA;
	border-radius: 6px 6px 0 0;
	color: #fff;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 10px;
	width: 100%;
}

.hidden-text {
    height: auto;
    left: -10000px;
    position: absolute;
    top: auto;
    width: auto;
    z-index: 99;
}
.panel {
	background-color:#2179BA;
	border-radius: 6px 6px 0 0;
	color: #fff;
	font-size: 20px;
	margin: 0 0 0 0;
	padding: 10px;
	width: 100%;
}
.twitter {
	background-color: #55ACEE;border-radius: 6px 6px 0 0;color: #fff;font-size: 14px;margin: 0 0 0 0;padding: 10px;width: 100%;	
}
.youtube {
	background-color: #FF3737;border-radius: 6px 6px 0 0;color: #fff;font-size: 14px;margin: 0 0 0 0;padding: 10px;width: 100%;	
}
.facebook {
	background-color: #4862A3;border-radius: 6px 6px 0 0;color: #fff;font-size: 14px;margin: 0 0 0 0;padding: 10px;width: 100%;
}
.instagram {
	background-color: #272727;;border-radius: 6px 6px 0 0;color: #fff;font-size: 14px;margin: 0 0 0 0;padding: 10px;width: 100%;
}
h2 {
	margin:0;
	padding:0;
	font-size:20px;	
	font-weight:bold;
}
h3 {
	font-size:18px;	
	font-weight:bold;	
}
.purple {
	color:#960E9E;
}
.left {
	text-align:left;
}
.carousel-indicators {
    height: 50px;
    left: 65%;
    list-style: outside none none;
    margin-left: 10px;
    padding-left: 0;
    position: absolute;
    text-align: left;
    top: 15px;
    width: 35%;
    z-index: 15;
}

.carousel-heading {
 	width: 100%;
	height:30px;
  	background-color:#F90;
	
}
.carousel-heading h3 {
 	font-size:16px;
	color:#000;
	padding:5px;
}
.carousel-caption {
 	left: 0;
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
    position: relative;
    text-align: left;
    bottom: 20px;
    width: 100%;
	height:15px;
   	z-index: 15;
   	color:#fff;
	right:0;
	left:0;
	padding-bottom:10px
}
.carousel-text {
	background-color:#000066;
    padding:10px;
    color:#fff;
	width:auto;
}
/*
.carousel-heading {
	left: 50%;
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
    bottom: 150px;
    width: 30%;
	height:200px;
   	z-index: 15;
	right:0;
	padding-bottom:10px;
	background-color:#F90;
    padding:10px;
    color:#000;
}*/
.scalable {
  overflow: hidden;
}

.scalable iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border: 0;
}

.scalable .scalable-content {
  height: 0;
  position: relative;
}

.scalable-16-9 .scalable-content {
  /* Percentage from 9 divided by 16 for ratio of 16:9. */
  padding-bottom: 56.25%;
}

.col-sm-4 img, .col-sm-6 img, .col-sm-8 img, .col-sm-10 img, .col-sm-12 img {
    width: 100%;
}
.poll_booroo747363 {
	width:100%;	
}

.fb-page {
	width:100%;	
}
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block a, #top-link-block a:visited {
	color:#2179BA;
	text-decoration:none;
}
#top-link-block a:hover {
	color:#006;
}
.scalable {
  overflow: hidden;
}

.scalable iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border: 0;
}

.scalable .scalable-content {
  height: 0;
  position: relative;
}

.scalable-16-9 .scalable-content {
  /* Percentage from 9 divided by 16 for ratio of 16:9. */
  padding-bottom: 56.25%;
}
.stream {
	height:412px !important;	
}
.highlight {
	background-color:#FFC;
	padding:10px;
	border-radius:6px;
	border:3px solid #2179BA;
}
counter {
	margin:0 0 40px 0;	
}
.snowflakes {
	top:0px;
	left:0px;
	position:absolute;
	z-index:200;
}
.red {
	background:red
}
.yellow {
	background:yellow
}
#site {
	width:200px;
	height:500px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

// pika

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */

/*.pika-thumbs li{width: 144px; height:74px;}
.pika-stage, .pika-textnav {width: 500px;}


body{font-family:Helvetica, sans-serif;}
a{color:white;}
.pikachoose {width: 520px; margin: 0 auto;}
.pika-stage {position: relative;background: #fafafa; border: 1px solid #e5e5e5; padding: 10px 10px 40px 10px;text-align:center;height:377px;}
  
  /*if you change the padding on pika-stage you must adjust the top left of this to match!  
  .pika-stage .main-image {position: absolute; top: 10px; left: 10px;}
  .pika-stage .pika-aniwrap{position: absolute; top: 10px; left: 0px;}
  .pika-stage .pika-aniwrap{width:100%;}
  .pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
  .pika-stage img {border:0;height:100%;width:500px;height:375px}

.pika-stage .caption {position: absolute; background: url(75-black.png);  border: 1px solid #141414; font-size: 11px;
      color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
  .pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
  .pika-imgnav a.previous {background: url(/images/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 0px; left: 10px;cursor:pointer;}
  .pika-imgnav a.next {background: url(/images/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 0px; right: 10px;cursor:pointer;}
  .pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:150px;left:50%;display: none;cursor:pointer;}
  .pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:150px;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
  .pika-textnav a.previous {float: left; width: auto; display: block;}
  .pika-textnav a.next {float: right; width: auto; display: block;}
 
.pika-thumbs {margin: 10px 0 0 17px; padding: 0; overflow: hidden;display:none}
  .pika-thumbs li {float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
    .pika-thumbs li:last {margin: 0;}
    .pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

 for the tool tips 
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}
    
    
  jCarousel Styles 
 if you're not using the carousel you can delete everything below this 
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;margin:20px 0 0}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}*/





/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */