body {
   		background-color: #E6E9ED;
   		padding: 0px 0px 0px 0px;
   		margin: 0px 0px 0px 0px;
   		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   		font-weight: light;
}

.unselectable {
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  user-select: none;
}

.invisible {
	display: none;
}

.progress.active .progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}

.progresso {
	margin-top: 20px;
    width: 270px;
}

#lightbox{
	/*this is gray opaque background! it will appear
	when the panel does, but the panel goes on top
	because of the z-index at the bottom*/
	display:none;
	background:#333333;
	opacity:0.6;
	filter:alpha(opacity=60); 
	position:absolute;
	top:0px;
	left:0px;
	min-width:100%;
	min-height:950px;
	z-index:1000;
	/*The z-index property determines the stack level of an HTML element.*/
}

#lightbox-panel{ /*the box that appears in front*/
	display:none;
	position:fixed;
	text-align: center;
	top:15px;
	left:450px;
	margin-left:-300px;
	width:600px;
	height:200px;
	background:#ffffff;
	padding:10px 15px 10px 15px;
	border:2px solid #CCCCCC;
	z-index:1001; /*this makes it so it appears in front of the gray
	background*/
}

#lightbox2{
	/*this is gray opaque background! it will appear
	when the panel does, but the panel goes on top
	because of the z-index at the bottom*/
	display:none;
	background:#333333;
	opacity:0.6;
	filter:alpha(opacity=60); 
	position:absolute;
	top:0px;
	left:0px;
	min-width:100%;
	min-height:100%;
	z-index:1000;
	/*The z-index property determines the stack level of an HTML element.*/
}

#preWindow { /*the box that appears in front*/
	display:none;
	position:fixed;
	text-align: center;
	top:20px;
	left:48%;
	margin-left:-300px;
	width:600px;
	height:700px;
	background:#ffffff;
	padding:10px 15px 10px 15px;
	border:2px solid #CCCCCC;
	z-index:1001; /*this makes it so it appears in front of the gray
	background*/
}

#interface {
	width: 900px;
	height: 950px;
	top: 0px;
	left: 0px;
	position: absolute;
	background: #FFFFFF;
	/*text-align: center; */
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
}

#scoutScan {
	font: bold 13px "Helvetica Neue", sans-serif;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #0033ff;
	/*background: url('http://41.media.tumblr.com/dd91b8ffb7cc0c6154b7e82d6266d610/tumblr_nii573xzg91tzim7wo1_1280.jpg') no-repeat;*/
}

#feedbackHolder {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background: #000000;
	width: 512px;
}

#lbCanvas {
	font: bold 13px helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 290px;
}

#belowcontainer {
	font: bold 13px helvetica, sans-serif;
	width: 512px;
	height: 385px;
	float: right;
	/*background: #FF234F;*/
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#sideNums {
	float: left;
	height: 385px;
	width: 57px;
	border-style: inset;
	border-width: 1px;
}

#split {
	float: left;
	height: 383px;
	width: 21px;
	border: 1px solid black;
	background: #000000;
	margin-left: 7px;
}

#timer {
	height: 220px;
	width: 21px;
	background: #FFFFFF;
}

#preview {
	height: 385;
	width: 385;
	margin-left: 7px;
	float: left;
	background: #0033ff;
}

#gradient {
	float: left;
	border: 1px solid black;
	margin-left: 7px;
}

#okWrapper {
	top: 50px;
}

#trafficLight {
	position:relative;
	background: #000000;
	margin-top: 10px;
}

#traffic {
	color:#000000;
	font: bold 14px arial, sans-serif;
	text-align: center;
}
#dropSetSelect {
	color:#000000;
	font: bold 14px arial, sans-serif;
	text-align: left;
	margin-bottom: 15px;
	width:340px;
}

#holdLL {
	background: none;
	margin-top: 3px;
	color:#000000;
	font: bold 14px arial, sans-serif;
	text-align: left;
	width:340px;
	height:90px;
	margin-bottom: 10px;
}

#laterality {
	position: absolute;
	width:100px;
	left: 200px;
}

#landmark {
	margin-top: 10px;
	position: absolute;
	left: 100px;
	width:100px;
}

#moreStuff {
	margin-top: 10px;
	position: absolute;
	width:300px;
}

.exact {
	margin-top: 20px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   		font-weight: light;
   		text-decoration: none;
	color: #66ff00;
	position: absolute;
	width: 206px;
	height: 30px;
	left:5%;
	background: #ffffff;

}

.ok {
	margin-top: 20px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   		font-weight: light;
   		text-decoration: none;
	color: #ffa500;
	left:35%;
	position: absolute;
	width: 207px;
	height: 30px;
	background: #ffffff;
}

.outOfRange {
	margin-top: 20px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   		font-weight: light;
   		text-decoration: none;
	color: #ff0000;
	left:65%;
	position: absolute;
	width: 206px;
	height: 30px;
	background: #ffffff;
}

#belowText {
	position: absolute;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   		font-weight: light;
	color: #000000;
	background:#ffffff;
	top: 110px;
	left: 20%;
	width: 400px;
}
#mode {
	font-family: "Granjon Roman", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 18px;
	color: #052049;
	font-weight: bold;
}

p.boldMargin {
	text-align: center;
	font-weight: bold;
	margin-bottom: 73px;
}
p.bold {
	text-align: center;
	font-weight: bold;
}
.alert {
    width:330px;
    /*height:10px;*/   
}

.btn-info {
	background: #052049;
	}

.btn-info {
  color: #fff;
  background-color: #052049; /*normal background color of buttons */
  border-color: #031631; /*slightly darker than normal background */
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #020b19; /*even darker than normal background */
  border-color: #000001; /*even even darker than normal background */
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #052049;
  border-color: #031631;
}

.btn {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: light;
}

.small-btn {
	width: 64px;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

.large-btn {
	width: 134px;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

.alert {
   width:270px;    
}

.progress-bar-info {
  background-color: #052049;
}

.ucsfFont {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   		font-weight: light;
   		text-decoration: none;
}