/* ==============================================
	SITE WIDE
================================================= */


/*  NEW COLOR SCHEME
Dark Green (from background):  #04412f
Light Green (from background): #43a28b

foreground text: white

link hover: #d6ff5a;   (green-yellow)

attention draw red: #ff7575
*/


a {
	cursor: pointer;
}

a:link {
	text-decoration: none;
	color: white;
	font-weight: 900;
}


a:visited {
	color: #d6ff5a;
}

a:hover {
	color: #ff7575;
}

a:active {
	color: #ff7575;
}

/* ====================================
    RANDOM SIGMA NUMBER GEN
   ====================================*/


.randomSigmaTitle
{
	font-size: 36px;
	color: #d6ff5a;
	font-family: fantasy;
	font-weight: 500;
	letter-spacing: 5px;
	text-shadow: 1px 1px 1px #43a28b,
        1px 2px 1px #43a28b,
        1px 3px 1px #43a28b,
        1px 4px 1px #43a28b,
        1px 5px 1px #43a28b,
        1px 6px 1px #43a28b,
        1px 7px 1px #43a28b,
        1px 8px 1px #43a28b,
        1px 9px 1px #43a28b,
        1px 10px 1px #43a28b,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);	
	
}

.noIconBackground
{
	background: url(img/background_no_logo.png);
	background-repeat: tile;
	background-size: auto;
	text-align: center;
}


.numberOutputArea
{
	border-color: #43a28b;
	border-style: solid;
	border-width: 3px;
	margin: 10px 10px 10px 10px;
	color: white;
	clear: both;
	text-align: center;
	width: 260px;
	height: 160px;
	
}

.sigmaOutput
{
	background-color: #d6ff5a;
	border-style: outset;
	border-width: 2px;
	border-color: #d6ff5a;
	margin: 5px 5px 5px 5px;
	width: 140px;
	height: 55px;
	color: #04412f;
	font-weight: 700;
	vertical-align: middle;
	text-align: center;
}

.outlierOutput
{
	background-color: #43a28b;
	border-style: outset;
	border-width: 2px;
	border-color: #43a28b;
	margin: 5px 5px 5px 5px;
	width: 400px;
	height:450px;
	color: #d6ff5a;
	font-weight: 600;
	vertical-align: middle;
	text-align: center;
	overflow-y: auto;
}

@media only screen and (max-width: 730px) {
	.outlierOutput 
	{
		height: 350px;
	}
}


.leftJustified
{
	text-align: left;
}


.buttonBar
{
	float:clear;
	display: inline-block;
}

.clearFloat
{
	clear: both;
}

.floatLeft
{
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.alert
{
	color: #ff7575;
}


/*    BUTTON CLASSES		*/

button {
	background: #43a28b;
	color: white;
	font-size: 16px;
	font-weight: 600;	 
}

button:hover,
button:focus,
button:disabled {
    background: #43a28b;
	color: #d6ff5a;
	border-color: #d6ff5a;
	font-size: 16px;
	font-weight: 600;
}

button:focus {
    outline: 1px solid #d6ff5a;
    outline-offset: 10px;
}



/* ====================================
   PLACEHOLDER HOMEPAGE	
   ====================================*/

.zuzzalert
{
	color: #ff7575;
}

.zuzzingSoon
{
	font-weight: 600;
	font-style: italic;
	text-transform: lowercase;
}


.palaverContainer
{
	text-align: center;
	height: 940px;
	width: 100%;
	color: #d6ff5a;
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
}


@media only screen and (min-width: 1600px) {
	.palaverContainer {
		background: url(img/logo2_with_background_huge.png);
		background-repeat: none;
		background-size: contain;		
	}
	#smallLogo {
		display: none;
	}
	#medLogo {
		display: none;
	}	
}

@media only screen and (min-width: 800px) and (max-width: 1599px) {
	.palaverContainer {
		background: url(img/background_no_logo.png);
		background-repeat: repeat;
	}
	#smallLogo {
		display: none;
	}	
	#medLogo {
		display: block;
	}		
}

@media only screen and (max-width: 799px) {
	.palaverContainer {
		background: url(img/background_no_logo.png);
		background-repeat: repeat;
		font-size: 14px;
		font-weight: 600;			
	} 
	#smallLogo {
		display: block;
	}	
	#medLogo {
		display: none;
	}		
}	


#footer {
	position: absolute;
	width: 100%;
	text-align: center;
	margin: auto;
	bottom: 0;
	color: #d6ff5a;
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;	
}