.clear {
	clear: both;
}

p.text-error {
	color: Red;
}

div.lastUpdatedContainer {
	
}

	div.lastUpdatedContainer p {
		font-style: italic;
		font-size: 0.8em;
		color: #ccc;
		text-align: center;
	}
	
div.noNetworksContainer {
	
}

	div.noNetworksContainer p {
		text-align:center;
	}
	
		div.noNetworksContainer p.error {
			font-weight: bold;
			color: Red;
		}
		
div.noSensorsContainer {
	
}

	div.noSensorsContainer p {
		text-align:center;
	}
	
		div.noSensorsContainer p.error {
			font-weight: bold;
			color: Orange;
		}
	
section#questions {
	/*padding: 100px 0 75px;*/
	padding: 25px 0px;
	/*margin: 0px 75px;*/
	margin: 0px;
}

	/*div.container {
		width: 100%;
	}*/

	.genericContainer {
		margin: 25px 11px;	/* 11px will line up the question icons with the logo on the demo, dashboard and question page */
		clear: both;
	}
	
		.genericContainer .pull-left {
		  	margin-right: 20px;
			position: relative;
		}
		
			.genericContainer .pull-left > i {
				font-size: 24px;
				height: 64px;
				line-height: 64px;
				text-align: center;
				width: 64px;
				border-radius: 100%;
				color: #45aed6;
				box-shadow: inset 0 0 0 1px #d7d7d7;
				-webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
				transition: background-color 400ms, background-color 400ms;
				position: relative;
			}
				
			.genericContainer .pull-left > i:after {
				content: "";
				position: absolute;
				width: 20px;
				height: 20px;
				top: 50%;
				margin-top: -10px;
				right: -10px;
				border: 4px solid #fff;
				border-radius: 20px;
				background: #45aed6;
			}
			
			.genericContainer:hover .pull-left > i {
				background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
				background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
				background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
				color: #fff;
				box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
				-webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
			}
			

	div.questionAnswer {
		margin-left: 85px;
	}
	
		div.questionAnswer h4.question {
			position: relative;
		}
		
		div.questionAnswer ul {
			padding: 0px 0px 0px 15px;
		}
		
			div.questionAnswer span.day {
				font-weight: bold;
			}
		
		div.questionAnswer p.answer {
		
		}
		
			div.questionAnswer p.answer span.answerDefinitive, td.questionHistoryAnswer span.answerDefinitive {
				display: inline-block;
				margin-right: 0.5em;
				font-weight: bold;
			}
			
				div.questionAnswer p.answer span.answerDefinitive.empty, table.questionHistory td.questionHistoryAnswer span.empty {
					margin-right: 0px;
				}

			div.questionAnswer p.answer span.answerText.error {
				color: Red;
			}

div.newQuestionContainer {
	clear: both;
}
	
	div.fieldsContainer {
		padding-left: 80px;
	}
	
		input#newQuestion {
			width: calc(100% - 188px);
		}
	
		div.newQuestionContainer input#networkName {
			width: 200px;
		}
		
		input#newQuestionSubmit {
			width: 100px;
			vertical-align: top;
			height: 32px;
		}
		
			input#newQuestionSubmit.loading, input#newNotificationSubmit.loading, input#networkLocationSubmit.loading, input#newNotificationSubmit.loading, input#newNotificationUpdate.loading, input#newNotificationDelete.loading {
				background: url(/themes/wxoutside/images/loading.gif) center no-repeat;
			}
			
	div.errorMessageContainer {
		padding-left: 85px;
		font-style: italic;
		color: Red;
	}
	
/* iPhone overrides */
@media only screen and (max-width: 700px) {
	.navbar-brand span.logo-text {
		/*font-size: 29px;
		color: Red;*/
	}
	
	.genericContainer .pull-left > i {
		font-size: 12px;
		height: 32px;
		line-height: 32px;
		width: 32px;
	}
	
	div.questionAnswer {
		margin-left: 45px;
	}
}