/*fish-styles.css */

.anchor {
	color:blue;
text-decoration: underline;
}

.pointer{cursor: pointer;}

a:hover,
a:focus {
  text-decoration: none;
  cursor: pointer;
  color: #0000FF;
}

body {
/* ffffcc ffffe6 ffffe0*/	
  background-color: #80dfff;
}

.pad-right-5 {padding-right: 5px}
.pad-right-15 {padding-right: 15px}
.pad-right-25 {padding-right: 25px}
.pad-right-100 {padding-right: 100px}
.pad-left-20 {padding-left: 20px}
.pad-left-25 {padding-left: 25px}
.pad-left-100 {padding-left: 100px}
.pad-3 {padding: 3px}
.pad-5 {padding: 5px}
.pad-10 {padding: 10px;}
.pad-15 {padding: 15px;}
.pad-top-5 {padding-top: 5px}
.pad-top-20 {padding-top: 20px;}
.pad-bottom-5 {padding-bottom: 5px}
.pad-bottom-10 {padding-bottom: 10px}


.right {text-align: right}
.center {text-align: center}
.left {text-align: left}
.top {vertical-align: top}
.middle {vertical-align: middle}

.btn-color {background-color: #B0C4DE; border-color: #778899}
.required {color: red; font-weight : bold}

.red{color: red}
.blue{color: blue}
.green{color: green}
.gray{color: gray}
.white {color:#fff}
.black {color:#000}
.background-white{background-color:#fff;}

.size-1 {font-size:1px}
.size-11 {font-size:11px}
.size-15 {font-size:15px}
.size-18 {font-size:18px}
.size-20 {font-size:20px}
.size-22 {font-size:22px}
.size-24 {font-size:24px}
.size-26 {font-size:26px}
.size-30 {font-size:30px}
.size90 {font-size:90%}
.size120 {font-size:120%}
.size125  {font-size:125%}
.size150 {font-size:150%}
.size80 {font-size:80%}

.height-400 {height:400px}
.height-300 {height: 300px}
.height-200 {height: 200px}

.width100 {width:100%}
.width50 {width:50%}
.width-200 {width:200px}

.border {border: 1px solid #DCDCDC}
.border-bottom {border-bottom: 1px solid #DCDCDC}
.border-top {border-top: 1px solid #DCDCDC}
.border-black {border: 1px solid #000000}

.margin-1 { margin:1px; }

    
.name-title{
font-size:120%;
font-weight:bold;
}

.panel{
border-radius: 10px;
}

/*.container {border:1px solid #fff ;border-radius: 10px;} */

.join-moguls-inactive,
.join-moguls{
background-color:brown;
color:#fff;
border-radius: 10px;
}

.join-moguls:hover,
.join-moguls:focus {
  text-decoration: none;
  color:#000;
}

.banner {
font-size: 150%;
font-weight: bold;
color: #00008B;
}

.preview{
	font-size:120%;
	color: red;
	font-weight: bold;
	padding: 5px;
	border: 2px solid red;
}


.footer {
	background-color:#fff;
	text-align: center;
	width:100%;
	padding:0;
	border-top: 1px solid #00008B;
}

.footer > span > span,
.footer > span > a {
	font-size:80%;
}


.navbar-default {
  background-color: #fff;
  border-color: #fff;
  }

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#zipcode {
	width: 30%;
}

@media (min-width: 768px) {

  .navbar-right {   
    padding-right: 100px;
  }

  .modal-dialog {
    width: 900px;
    margin: 30px auto;
  }

  .featured-margin {
	  margin-left:1px;
	  margin-right:1px;
  }
}

@media (min-width:992px){
	.featured-margin {
	  margin-left:20%;
	  margin-right:20%;
   }
}


@media screen and (min-width: 768px) {

  .carousel-indicators {
    bottom: 75px;
  }

.carousel-control:focus,
.carousel-control:active,
.carousel-control:hover,
.carousel-control {
  color: #CCCCCC;
  opacity: 1;
  }
} 
  
.nav > li > a {
  padding: 10px 20px;
  font-size: 125%; 
}

.nav > li > span {
  position: relative;
  display: block;
  padding: 10px 20px;
}

select > option {
	font-size: 120%;	
}

.page-summary {
	font-size:16px;
	color: darkblue;
	font-weight: bold;
}

.page-title { 
	 font-size:150%;
	 font-weight: bold;
}

.panel-body{
    font-size: 16px;
}

.panel-title{
	 font-weight: bold;
}

.panel-default {
   border-color: #fff;
   border-radius: 10px;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #fff;
  border-radius: 10px;
}

.panel-heading [data-toggle="collapse"]:before
{
    font-family: 'Glyphicons Halflings';
    content: "\e072"; /* "play" icon  e072 */
    float: left;
    color: #b0c5d8;
    font-size: 18px;
    line-height: 22px;

    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(-90deg);
    -moz-transform:    rotate(-90deg);
    -ms-transform:     rotate(-90deg);
    -o-transform:      rotate(-90deg);
    transform:         rotate(-90deg);
}
.panel-heading [data-toggle="collapse"].collapsed:before
{
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(90deg);
    -moz-transform:    rotate(90deg);
    -ms-transform:     rotate(90deg);
    -o-transform:      rotate(90deg);
    transform:         rotate(90deg);
}