// Style sheet for MoBetta
// To reload the css file do CMD-shift-R
// mobetta2
// ---------------------------------------------------------

* { outline: none; }

/*html { font-size: 100%;  } */

body {
  height:100%;
  font-size: 50.0%;     /* 62.5 */
  background-color: #ffffff;                       
  font-family:  "Open Sans", Helvetica, Geneva, sans-serif;    /* Raleway  'Open Sans'  Quicksand sans-serif; */
} 

a:visited     { text-decoration:none;} 
a:active      {color: #ff0000;  text-decoration:none;}   
a:link         {  text-decoration:none;}                         
a:hover      {color: #2ea9eb; text-decoration:none;}         /*  2ea9eb */
span:hover {color: #2ea9eb; text-decoration:none;}        

h2, h3, h4 {color:#1c5e8c; 
	                text-align: center}

hr{
	  height: 1px;
    background-color: #000;
    border: none;  }

#wrap {
  min-height: 100%;
  background-color: #ffffff;                       
}
#main {
	    background-color: #ffffff;  
      overflow:auto;
      padding-bottom:220px; /* this needs to be bigger than footer height*/
}

#footer {
position: relative;
margin-top: -170px; /* negative value of footer height */
height: 170px;
clear:both;
color: #868686;
/*background-color: #fff; */  /*    235fc3 */
/* fallback */ 
/*background-repeat: repeat-x; */
/* Safari 4-5, Chrome 1-9 */ 
/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#235fc3), to(#09409b)); */
/* Safari 5.1, Chrome 10+ background: -webkit-linear-gradient(top, #09409b, #235fc3); */
/* Firefox 3.6+ background: -moz-linear-gradient(top, #09409b, #235fc3); */
/* IE 10  background: -ms-linear-gradient(top, #09409b, #235fc3); */
/* Opera 11.10+  background: -o-linear-gradient(top, #09409b, #235fc3);*/
}

#footer a {color: #868686}
#footer a:hover {color: #fff;		
	                        text-decoration: none; }

.ntriwell_2{    /* used in the audio apps  */
  padding: 3px;
  border: 1px solid #b6b6b6;  
  border-radius:    6px;
}

.datawell    /* used in the audio apps  */
{
  background-color: #d7f3fd;
  padding: 3px;
  border: 1px solid #335282;  
  border-radius:    6px;
} 

/* ------------------------ Audio stuff  ------------- */
div.controls label {
  display: inline-block;
  text-align: right;
  width: 100px;
}
.widthBandbox {width: 150px}
.widthPeakbox {width: 200px}
.widthHelp       {width: 400px}

.htCol {height: 230px}
.htWell {height: 210px}

/* ------------------------ End  Audio stuff  ------------- */

/*  HTML Fonts */                                                                                                                                                 
.font_geneva        {font-family: Geneva;  }       
.font_centgoth      {font-family: "Century Gothic";  }       
.font_opensans     {font-family: "Open Sans";  }       
.font_verdana       {font-family: Verdana;  }       
.font_copperplate  {font-family: Copperplate;  }
/*  Google Fonts */                                                                                                                                                
.font_raleway     {font-family: Raleway;  }       
.font_quicksand  {font-family: Quicksand;  }       


.lineht {line-height: 200%;}

.dspin  {display: inline; }
.dspno { display:none; }

.fs08 {font-size: 0.8em;}
.fs09 {font-size: 0.9em;}
.fs10 {font-size: 1.0em;}
.fs12 {font-size: 1.2em;}
.fs13 {font-size: 1.3em;}
.fs15 {font-size: 1.5em;}
.fs18 {font-size: 1.8em;}
.fs20 {font-size: 2.0em;}
.fs22 {font-size: 2.2em;}
.fs23 {font-size: 2.3em;}
.fs25 {font-size: 2.5em;}
.fs30 {font-size: 3.0em;}    
.fs40 {font-size: 4.0em;}
.fs50 {font-size: 5.0em;}

.bold   {font-weight:bold;}
.italic  {font-style: italic;}

.fl        {float:      left;}
.fr        {float:      right;}
.tc       {text-align: center;}
.center {text-align: center;}
.cendiv1 {margin:auto;}
.cendiv {display: flex; justify-content: center}                                    
.tr        {text-align: right;} 
.cb       {clear:      both;}		
.clr       { clear: both; }
.clear    {clear: both}
.tdn      {text-decoration:none;}
.bdr      {  border: 1px solid #335282; } 

.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mtb10 {margin: 10px 0 10px 0;}
.mr10 {margin-right: 10px ;}
.mr20 {margin-right: 20px ;}
.ml10 {margin-left: 10px ;}
.ml20 {margin-left: 20px ;}
.ml30 {margin-left: 30px ;}
.ml50 {margin-left: 50px ;}
.ml100 {margin-left: 100px ;}
.inputmargin {margin-top: 4px }
.m20{  margin: 20px;}

.width05 {width: 5%}
.width10 {width: 10%}
.width15 {width: 15%}
.width20 {width: 20%}
.width30 {width: 30%}
.width50 {width: 50%}
.width60 {width: 60%}
.width100 {width: 100%}

.pl05 {padding-left: 5px; } 
.pl10 {padding-left: 10px; } 
.pr10 {padding-right: 10px; } 
.pt05 {padding-top:  5px; } 
.pt10 {padding-top: 10px; } 
.pt15 {padding-top: 15px; }
.pb10 {padding-bottom: 10px; } 
.pa10 {padding: 10px; } 
.pa20 {padding: 20px; } 

.color-white {  background-color: #ffffff;}
.color-grey  {  background-color: #ababab;}
.color-dark  {  background-color: #2a2a2a;}
.color-sea     {  background-color: #d3e2f8;}
.color-mauve  {  background-color: #e9e9fd;}
.color-skyblue  {  background-color: #2ea9eb;}
.color-nightblue  {  background-color: #1c5e8c;}
.color-navyblue  {  background-color: #09295b;}
.color-niceblue  {  background-color: #1a427f;}
.color-blueline  {  background-color: #337ab7;}
.color-shinyblue {  background-color: #c1d8df;}

.bg_banner   {background-image: url('../images/backgrounds/bg-twinkle_twinkle.png')}   /* blackorchid  subtle_white_feathers  mooning   textured_paper    otis_redding  subtle_grunge*/
.bg_dialogs    {background-image: url('../images/backgrounds/bg-subtle_white_feathers.png')}
.bg_boxes     {background-image: url('../images/backgrounds/bg-grey_jean.png')}    /* brillant  cardboard_flat   egg_shell  natural_paper  tiny_grid  */

.white  {color:  #ffffff}
.black  {color: #000000}
.red     {color: #ff0000}
.blue    {color: #1c5e8c} 
.green  {color: #26ad08;}
.yellow {color: #ffff00;}
.logoblue      {color: #44a1f2}     
.headerblue  { color: #337ab7; }       /*  337ab7    */