@CHARSET "UTF-8";

/*      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      
    */ 
     .note{font-size:0.85em;}
      
      .pad-left{padding-left:8px;}
      .pad-right{padding-right:8px;}
      
      #profiles fieldset{ margin-top: 10px;}
      #profiles label{ width:252px;}
      #metrics label{width:150px;}
      
     .nav div.social, .nav span.social{
    padding-left: 6px;
    padding-top: 10px;
}
	.fb-like { max-width:45px;}

	.strike {text-decoration:line-through;}
      
 .small-unit{
    padding: 8px;
  margin-bottom: 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

hr {margin: 12px 0px}

.well{background-color: #e6eff7; /*#C8D7E3;*/}

#feedback {display:none;}
#feedback .well{text-align:center;margin-top:20px;}

/*.hero-unit {  padding: 40px 60px 30px 60px; }*/
.hero-unit p {  font-size: 16px;}

h1, h2, .navbar .brand {  font-family:"Open Sans Condensed";}

#welcome h2{margin-right:18px;}

.panelBtns{margin-right:12px;}
.navbar .brand{color:#fff;}
.navbar .brand:hover {text-shadow: 0px 0px 3px #006DCC;}
.nav-tabs > .active > a{font-weight:bold;}
.textLeft {text-align:left;}
.textRight {text-align:right;}
.textCenter {text-align:center;}
#controls .selectLinks{
	line-height: 2;
	min-width: 208px;
	float: left;
	padding-left: 4px;
}
.tabbable .nav-tabs{
	margin: 0 2px;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .tabbable .nav-tabs, .tab-content{
	border-color: lightblue;
} 

.tab-content{
	padding: 20px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
		border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-radius:3px 3px 4px 4px;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{
	color:#666;
}

#controls h3:hover{
	cursor:pointer;
}
/* fix box sizing for tabs in firefox*/
.tab-content {
    -moz-box-sizing: border-box;
}

.nudgeIcon{	margin-top:2px;}
h3 .nudgeIcon{	margin-top:4px;}

h3 i {
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	}
.rotate {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	}
	
.icon-blue {
  background-image: url("../img/glyphicons-halflings-blue.png");
}

.ui-daterangepicker li a {
	margin: 0.1em 0.3em;
	font-size:.85em;
}

.myVid{
width: 100%;
height: 100%;
min-height: 410px;
min-width: 394px;
}

.hideWide{display:none;}

.dataRow{
	margin-bottom:18px;
}
.dataRow label {
	color: #2E6E9E;
    font-size: 14px;
    font-weight: bold;
    padding-top:4px;
    padding-right:6px;
}

.dataHead{ position:relative; padding-bottom:3px;}

.dataRow .close{
	opacity: 1;
color: #2E6E9E;
right: 8px;
position: absolute;
top: 2px;
}

.dataRow h4{
padding-right:28px;	
}

.dataParams{ 
	font-size: 0.9em;
}

.dataRow .icon-move{
	padding-right: 8px;
	margin-left: 4px;
	margin-top: 2px;
}

.label{
vertical-align:baseline;
}
.label-warning{
	background-color:#CF510B;
	margin-left:4px;
}

.label-warning:hover{
	background-color:#963C0A;
}

.icon-move:hover{ cursor:pointer;}

.well { padding: 18px 18px 12px 18px }
.tab-content{  padding: 20px 18px 0px 18px }

table{ width:100%;}
#dataTable th{border-bottom:1px solid #ddd; line-height:1.2;}
#dataTable a:hover{cursor:pointer;}
td{text-align:center;}

#placeholder{
width: 1020px; height: 455px;
margin-left:auto;
margin-right:auto;
}

#legendWrap {margin-bottom:8px;padding-left:6px;}
#legend {margin-left: auto; margin-right: auto; float: none;}
.legendColorBox {width:18px;}
.legendLabel{text-align:left; line-height:1.3;}

#tooltip{
font-size: 0.88em;
background-color: #DAF5FD;
border-radius: 6px 6px 6px 6px;
box-shadow: 1px 1px 3px #666;
text-shadow: 1px 1px 1px #333;
color:white;
}

.btn-toolbar .infoPostQuery
{
	margin-bottom: 8px;
	margin-left: 8px;
}

#submitRow .btn-toolbar{
	margin:0px;
} 

.btn-toolbar .infoPostQuery, .legendLabel, .goBtn, .navbar .brand, .navbar-inner, #welcome h2, h1, h3, h4, .dataParams, .dataRow label {  transition:all .3s ease;  -o-transition:all .3s ease;  -moz-transition:all .3s ease;  -webkit-transition:all .3s ease; }

@media (min-width: 767px) {
	.goBtn{font-size: 1.2em;padding: 8px 12px;}
}

@media (max-width: 1040px) {
	#placeholder{width: 980px; height: 437px;}
}

@media (max-width: 982px) {
	.myVid{min-height: 352px;}
	#placeholder{width: 840px; height: 375px;}
}
@media (max-width: 882px) {
	#placeholder{width: 740px; height: 330px;}
	}

@media (max-width: 767px) {
	.hideWide{display:block;}
	.shrinkLater{font-size:0.8em;}
	.hero-unit h1 {font-size:48px;}
	.myVid{ min-height: 252px; min-width: 394px;}
	#placeholder{width: 568px; height: 254px;}
	.btn-toolbar .infoPostQuery{ margin-bottom: 4px;}
}
@media (max-width: 580px) {
	.navbar .brand{font-size:18px; padding-left:10	px;}
	body{padding-left:10px; padding-right:10px;}
	.hero-unit h1 {font-size:36px;}
	#welcome h2 {font-size: 20px;line-height: 24px;}
	h2,h3{font-size:18px; line-height:1.2;}
	.myVid{width: 360 height:}
	.dataParams {font-size: 0.8em;}
	table {font-size:.9em;}
	.dataRow label {font-size: .9em;}
	#placeholder{width: 468px; height: 209px;}
	}
@media (max-width: 480px) {
	.navbar .brand{font-size:16px; padding-right:2px;}
	body{padding-left:4px; padding-right:4px;}
	.navbar-inner{padding-left: 10px; padding-right: 10px;}
	#welcome h2 {font-size: 20px;line-height: 24px;}
	.hero-unit h1 {font-size:24px;}
	h2,h3{font-size:16px; line-height:1.2;}
	table {font-size:.8em;}
	.dataRow label {font-size: .85em;}
	#placeholder{width: 360px; height: 161px;}
	.legendLabel {font-size:0.8em;}
	  #feedback .btn{ margin-bottom:10px;}
	  .modal-header .close {padding: 8px; margin: -10px -14px -10px -10px;}
}
@media (max-width: 410px) {
	.navbar .brand{font-size:14px;}
	body{padding-left:0px; padding-right:0px;}
	.navbar-inner{padding-left: 2px; padding-right: 2px;}
	.btn-toolbar .infoPostQuery{	margin-top:4px;	margin-bottom: 2px;	margin-left: 0px;}
}