body{
    background-color: #E6E6E6;
    -webkit-text-size-adjust:none;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    padding:5px;
}

hr{
	border-top: 2px solid white;
	margin-top: 40px;
	margin-bottom: 30px;
}

h1{
	color: #333;
	font-size: 24px;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 40px;
}

#logos{
	margin-top: 30px;
	padding-bottom: 20px;
}

#sl_logo{
	float: left;
	width: 100px;
	height: auto;
	margin-top: 5px;
}

#brain_logo{
	float: right;
	width: 40px;
	height: auto;
}


#info{
	max-width: 600px;
}

select{
	height: 30px;
}

#topicCategory{
	text-align: left;
	width: 100%;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	margin-bottom: 20px;
}

.dropdown{
	margin-bottom: 10px;
}


.btn .caret{
	float: right;
	margin-top: 10px
}


.form-control{
	color: black;
}




.questions{
    font-size:15pt;
}

.another-question {
    margin-top:20px;
}

textarea.form-control{
	height: 230px;
}

.arrow {
    width:30px;  
    position:absolute; left:20px;
}


label {font-weight:100}
.question {font-size:15pt; font-weight:100; margin-top:10px}
.answer {color:#808080}
.another-question {margin-top:30px}
.control-label {margin-top:20px; font-size:15pt}
.qlink, .qlink:active, .qlink:hover {color:#333333; text-decoration:none}
a, a:active, a:hover {color:#428bca; text-decoration:none}

.grid {font-size:12pt; font-weight:100; margin-top:10px; word-wrap:normal; }
.cell {margin-bottom: 10px; background-color:#f7fbf7; padding:5px 5px 5px 5px;position: relative;}
.empty {height:100px; text-align:center; vertical-align:middle; line-height:100px}
.offer-name {font-weight:300}
.offer-desc {color:#808080}
.offer-desc-long {color:#808080; padding-top:5px; padding-bottom:5px }
.offer-status .status {color:#808080}
.cell-expand{position:absolute; bottom:5px; right:5px; color:#ccc; width:100%; text-align:right;}

h1 a {
	height: 20px;
	width: 30px;
	float: left;
}

/*---Media Queries---*/

/* iPads (portrait and landscape) ----------- */

@media (min-width : 768px){
	.crop-height{
		max-height: 300px;
	}

}


@media (min-width: 992px){
	.col-md-4{
		float: none;
	}
}


/*-----iPhone-------------------------------*/

@media screen and (max-device-width: 480px){

}