@charset "UTF-8";
/* CSS Document */

#content
{
	font-weight:400;	
}

#content a
{
	color:#1679bb;	
}

#content a:hover
{
	color:#42a5e8;	
}

#content p
{
	line-height:1.5em;
}

#content img
{
	width:90%;
	border:5px solid #FFF;
	margin:10px auto;
	display:block;
	box-shadow: 4px 4px 10px #CCC;
	border-radius:10px;
	box-sizing: border-box;
}

#content li
{
	font-size:18px;
	line-height:1.772;
	margin-left:20px;
	padding-left:10px;
	
}

#content h2
{
	font-size:1.6em;
	margin-top:0px;
	margin-bottom:15px;	
}

#content h3
{
	font-size:1.3em;
	margin-top:5px;
	margin-bottom:15px;	
}

#content .responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
#content .responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


#content table
{
	border-collapse:collapse;
	
}

#content img.righties
{
	float:right;
	width:55%;
	margin-left:15px;
}

#content img.important
{
	float:right;
	width:55%;
	margin-left:15px;
}

@media (max-width: 480px) {
	#content img.important
	{
		float:none;
		margin-left: auto;
		margin-right: auto;
	}
	
}

#content img.flat
{
	width:90%;
	border:none;
	display:block;
	box-shadow:none;
	border-radius:0px;
}

#content img.lefties
{
	float:left;
	width:55%;
	margin-right:15px;
}


#content img.leftiestall
{
	float:left;
	width:42%;
	margin-right:15px;
}

#content img.rightiestall
{
	float:right;
	width:35%;
	margin-left:15px;
}


/* TABLES STYLES */

#content table
{
	box-sizing: border-box;
    margin: 2.5%;
}

#content td, 
#content th
{
	border: 1px solid #b2b2b2;
	padding:12px;
}

#content .LPdoc
{
	font-size: 1.1em;
	width: 95%;
}

#content .charts table 
{
	margin: 0px 6px 0px 5px;	
}

#content .charts td, 
#content .charts th
{
	border-color: #eea400;
}

#content .charts th
{
	background-color:#eea400;
	color:white;
	font-size:21px;
	padding:5px;
	height:15px;
}

#content .charts th a
{
	
}

#content .charts th a:hover
{
	text-decoration:underline;
}

#content .charts td
{
	background-color:#f8f8f8;
	font-size:18px;
}

#content .charts td a
{
	color:#0a7edd;	
}

#content .charts td a:hover
{
	color:#5b87cf;
}


#content .droppurple
{
	background-color:#f2e0ff;
	text-align:left;
}




#content .whitebtn
{
	background-color:#e9f0ff;	
}

#content .whitebtn:hover
{
	background-color:#FFF;
}


#content .objective
{
	background-color:#bfdaeb;
	padding:20px 20px 20px 20px;
	border-radius:10px;
}

#content .tableSource
{
	margin-right:20px;
}

#content .btn.barblue
{
	text-align:left;
	padding: 7px;
	background-color:#1679bb;
	color:#FFF;
	border: 2px solid #efefef;
}

#content .barblue:hover
{
	background-color:#569fcf;
}

#content .dropCAST
{
/*	border: 2px solid #efefef;	*/
}

#content .purple-bg.dropCAST:hover
{
	background-color:#4b0e7a;
}

#content .green-bg.dropCAST:hover
{
	background-color:#528b90;
}

#content .purple-mid-bg.dropCAST:hover
{
	background-color:#caaae1;
}

#content .green-mid-bg.dropCAST:hover
{
	background-color:#a6d3d6;
}

#content .blue-mid-bg.dropCAST:hover
{
	background-color:#88b8d9;
}

#content .dropwhite
{
	background-color:#f8f8f8;
	text-align:left;
}




/* Implementation */


#content .ImpGrey
{
	background-color:#cdcdcd;
	padding:12px 12px 8px 12px;
	text-align:left;
}

#content .ImpOrange
{
	background-color:#e67e04;
	padding:8px 5px 1px 12px;
	margin:0 auto; 
	text-align: left;
	width: 100%;
	max-width: 325px;
	color: #FFF;
}

#content .ImpTeal
{
	background-color:#14a1b2;
	padding:8px 5px 1px 12px;
	margin:0 auto; 
	text-align: left;
	width: 100%;
	max-width: 325px;
	color: #FFF;
}

#content .ImpClover
{
	background-color:#42910d;
	padding:8px 5px 1px 12px;
	margin:0 auto; 
	text-align: left;
	width: 100%;
	max-width: 325px;
	color: #FFF;
}




/* Implementation Charts */


#content .chartsOrange table 
{

	margin: 0px 6px 0px 5px;
}

#content .chartsOrange td, 
#content .chartsOrange th
{
	border-color: #e67e04;
	width: 100%;
	max-width: 630px;
}

#content .chartsOrange th
{
	background-color:#e67e04;
	color:white;
	font-size:19px;
	padding:5px;
	height:15px;
}

#content .chartsOrange td
{
	background-color:#f8f8f8;
	font-size:18px;
}


#content .chartsTeal table 
{
	margin: 0px 6px 0px 5px;	
}

#content .chartsTeal td, 
#content .chartsTeal th
{
	border-color: #14a1b2;
	width: 100%;
	max-width: 630px;
}

#content .chartsTeal th
{
	background-color:#14a1b2;
	color:white;
	font-size:19px;
	padding:5px;
	height:15px;
}

#content .chartsTeal th a:hover
{
	text-decoration:underline;
}

#content .chartsTeal td
{
	background-color:#f8f8f8;
	font-size:18px;
}


#content .chartsClover table 
{
	margin: 0px 6px 0px 5px;	
}

#content .chartsClover td, 
#content .chartsClover th
{
	border-color: #42910d;
	width: 100%;
	max-width: 630px;
}

#content .chartsClover th
{
	background-color:#42910d;
	color:white;
	font-size:19px;
	padding:5px;
	height:15px;
}

#content .chartsClover th a:hover
{
	text-decoration:underline;
}

#content .chartsClover td
{
	background-color:#f8f8f8;
	font-size:18px;
}



/* Lesson Plan 3 Step Dropdowns */


#content .WhiteLink
{
	color:#FFF;
}

#content .WhiteLink:hover
{ 
	color:#FFF;
}

#content .greyBG {
	background-color:#e3e3e3;
}

#content .LPcontent
{
	text-align:left;
	padding:15px;
}

#content .LPWhiteRed
{
	background-color:#FFF;
	border-top:3px solid #bf422b;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#content .LPBoxRed
{
	border:3px solid #bf422b;
	border-radius:8px;
}

#content .LPHeadRed
{
	background-color:#f98c77;
	padding:8px 8px 3px 8px;
	cursor:pointer; 

}

#content .LPWhiteGreen
{
	background-color:#FFF;
	border-top:3px solid #105b62;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#content .LPBoxGreen
{
	border:3px solid #105b62;
	border-radius:8px;
}

#content .LPHeadGreen
{
	background-color:#519ca3;
	padding:8px 8px 3px 8px;
	cursor:pointer;

}

#content .LPWhiteYellow
{
	background-color:#FFF;
	border-top:3px solid #eea400;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#content .LPBoxYellow
{
	border:3px solid #eea400;
	border-radius:8px;
}

#content .LPHeadYellow
{
	background-color:#ffc67c;
	padding:8px 8px 3px 8px;
	cursor:pointer;

}

/* Special Headers */

.specialHeader {
	position: relative;
	text-align: center;
	margin-top: 3em;
	margin-bottom: .25em;
}

	.specialHeader h2 {
		display: inline-block;
		margin: 0 auto;
		position: relative;
	}
	.specialHeader.explicit h2 {
		display: block;
	}	
	.specialHeader h2:before {
		content: ' ';
		position: absolute;
		display: block;
	}
	
	.specialHeader h2:after {
		content: ' ';
		position: absolute;
		display: block;
	}

	.specialHeader.blueBrain h2:before {
		width: 50px;
		height: 51px;
		left: -63px;
		top: -23px;
		background: url(../content/module2/images/brainBlueIcon.png);
	}
	
	@media (max-width: 840px) {
		.specialHeader.blueBrain h2:before {
			content: none;
	}
	}
	
	.specialHeader.blueBrain h2:after {
		width: 110%;
		height: 3px;
		left: -10px;
		bottom: -4px;
		
		background: -moz-linear-gradient(left,  rgba(86,159,207,0) 0%, rgba(86,159,207,1) 3%, rgba(86,159,207,1) 48%, rgba(86,159,207,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(86,159,207,0)), color-stop(3%,rgba(86,159,207,1)), color-stop(48%,rgba(86,159,207,1)), color-stop(100%,rgba(86,159,207,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(86,159,207,0) 0%,rgba(86,159,207,1) 3%,rgba(86,159,207,1) 48%,rgba(86,159,207,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(86,159,207,0) 0%,rgba(86,159,207,1) 3%,rgba(86,159,207,1) 48%,rgba(86,159,207,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(86,159,207,0) 0%,rgba(86,159,207,1) 3%,rgba(86,159,207,1) 48%,rgba(86,159,207,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(86,159,207,0) 0%,rgba(86,159,207,1) 3%,rgba(86,159,207,1) 48%,rgba(86,159,207,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00569fcf', endColorstr='#00569fcf',GradientType=1 ); /* IE6-9 */
	}

	.specialHeader.greenBrain h2:before {
		width: 50px;
		height: 51px;
		left: -63px;
		top: -23px;
		background: url(../content/module2/images/brainGreenIcon.png);
	}
	
	@media (max-width: 840px) {
		.specialHeader.greenBrain h2:before {
			content: none;
	}
	}
	
	.specialHeader.greenBrain h2:after {
		width: 110%;
		height: 3px;
		left: -10px;
		bottom: -4px;
		
		background: -moz-linear-gradient(left,  rgba(81,156,163,0) 0%, rgba(81,156,163,1) 3%, rgba(81,156,163,1) 48%, rgba(81,156,163,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(81,156,163,0)), color-stop(3%,rgba(81,156,163,1)), color-stop(48%,rgba(81,156,163,1)), color-stop(100%,rgba(81,156,163,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(81,156,163,0) 0%,rgba(81,156,163,1) 3%,rgba(81,156,163,1) 48%,rgba(81,156,163,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(81,156,163,0) 0%,rgba(81,156,163,1) 3%,rgba(81,156,163,1) 48%,rgba(81,156,163,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(81,156,163,0) 0%,rgba(81,156,163,1) 3%,rgba(81,156,163,1) 48%,rgba(81,156,163,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(81,156,163,0) 0%,rgba(81,156,163,1) 3%,rgba(81,156,163,1) 48%,rgba(81,156,163,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00519ca3', endColorstr='#00519ca3',GradientType=1 ); /* IE6-9 */

	}

	.specialHeader.purpleBrain h2:before {
	width: 50px;
		height: 51px;
		left: -63px;
		top: -23px;
		background: url(../content/module2/images/brainPurpleIcon.png);
	}
	
	@media (max-width: 840px) {
		.specialHeader.purpleBrain h2:before {
			content: none;
	}
	}
	
	.specialHeader.purpleBrain h2:after {
		width: 110%;
		height: 3px;
		left: -10px;
		bottom: -4px;
		
background: -moz-linear-gradient(left,  rgba(126,81,160,0) 0%, rgba(126,81,160,1) 3%, rgba(126,81,160,1) 48%, rgba(126,81,160,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(126,81,160,0)), color-stop(3%,rgba(126,81,160,1)), color-stop(48%,rgba(126,81,160,1)), color-stop(100%,rgba(126,81,160,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(126,81,160,0) 0%,rgba(126,81,160,1) 3%,rgba(126,81,160,1) 48%,rgba(126,81,160,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(126,81,160,0) 0%,rgba(126,81,160,1) 3%,rgba(126,81,160,1) 48%,rgba(126,81,160,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(126,81,160,0) 0%,rgba(126,81,160,1) 3%,rgba(126,81,160,1) 48%,rgba(126,81,160,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(126,81,160,0) 0%,rgba(126,81,160,1) 3%,rgba(126,81,160,1) 48%,rgba(126,81,160,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007e51a0', endColorstr='#007e51a0',GradientType=1 ); /* IE6-9 */

	}






/*Keep Size Appropriate */

@media (max-width: 767px){
	#content img.righties
		{
			float:none;
			width:100%;
			margin-left:0;
		}

	#content img.lefties
		{
			float:none;
			width:100%;
			margin-right:0;
		}

	#content li
		{
			margin-left:0px;
		}

	#content img.leftiestall
		{
			float:none;
			width:100%;
			margin-right:0;
		}
	#content img.rightiestall
		{
			float:none;
			width:100%;
			margin-left:0;
		}
		
	#content table 
		{
			margin: 0px;	
		}
		
	#content table.LPdoc
		{
			margin: 1%;
			width: 98%;
		}
	
	#content .tableSource
		{
			margin-right:0px;
		}

.left-column img
{
	width:100%;
	max-width:480px;
}

.right-column img
{
	width:100%;
	max-width:480px;	
}

.left-column-small img
{
	width:100%;
	max-width:320px;
}

.right-column-big img
{
	width:100%;
	max-width:640px;	
}

.left-column-big img
{
	width:100%;
	max-width:640px;
}

.right-column-small img
{
	width:100%;
	max-width:320px;	
}

#content .left-column.top-align, #content .right-column.top-align
{
	vertical-align:top;	
}

#content .left-column.middle-align, #content .right-column.middle-align
{
	vertical-align:middle;	
}

#content .left-column.bottom-align, #content  .right-column.bottom-align
{
	vertical-align:bottom;	
}
}


/* ::::: TEXT and EXAMPLE BOX :::::: */



#content .examplebox
{
	padding:10px 10px 0px 10px;
	width:100%; 
	max-width: 650px;
	margin:0 auto;
	box-sizing: border-box;
}

#content .examplebox.orange
{
	border:2px dashed #e67e04;
}


#content .examplebox.purple
{
	border:2px dashed #7e51a0;
}

#content .examplebox.blue
{
	border:2px dashed #569fcf;
}

#content .examplebox.green
{
	border:2px dashed #529088;
}



#content .examplebox.gold
{
	border:2px dotted #eea400;
}


#content .goldexample
{
	color:#eea400;
	font-size:17px;
	cursor:pointer;
}

#content .goldexample a
{
	color:#eea400;
}

#content .goldexample a:hover
{
	color:#eea400;
}

#content .example
{
	color:#666;
}

.exampleless
{
	width:100%; 
	max-width: 650px;
	margin:0 auto;
}

.text-box
{
	padding:10px 10px 0px 10px;
	
}

.text-box p
{
	font-size:1.2em;
}

.text-box.UDLred
{
	border:3px solid #c53316;
}

.text-box.UDLyellow
{
	border:3px solid #eea400;
}

.text-box.UDLgreen
{
	border:3px solid #105b62;
}

.text-box.UDLblue
{
	border:3px solid #1679bb;
}


.text-box.green
{
	border:3px solid #57a523;
}

.text-box.yellow
{
	border:3px solid #eea400;
}

.text-box.orange
{
	border:3px solid #e67e04;
}

.text-box.red
{
	border:3px solid #c73333;
}

.text-box.purple
{
	border:3px solid #4e1877;
}


/* ::::: CAST BOX COLORS :::::: */

.textbox.CAST
{
	height:120px;
	min-height:120px;
	padding:20px 30px 0px 30px;
	
}

.text-box.CAST h4
{
	font-size:1.3em;
	color:#FFF;
	padding-right:10px;
	padding-left:6px;
	vertical-align:middle;
	
}

.text-box.CAST li 
{
	font-size:1.1em;
}

.text-box.CAST.purple
{
	border:3px solid #4b0e7a;
	border-right:none;
	background-color: #7e51a0;
	width:100%;
	box-sizing: border-box;
}

.text-box.CAST.blue
{
	border:3px solid #1679bb;
	border-right:none;
	background-color: #569fcf;
		width:100%;
	box-sizing: border-box;
}

.text-box.CAST.green
{
	border:3px solid #105b62;
	border-right:none;
	background-color: #529088;
		width:100%;
	box-sizing: border-box;
}

.text-box.CAST.purplelight
{
	border:3px solid #4b0e7a;
	background-color: #f5eefa;
	color: #4b0e7a;	
		width:100%;
	box-sizing: border-box;
}

.text-box.CAST.bluelight
{
	border:3px solid #1679bb;
	background-color: #edf7fe;
	color: #1679bb;
		width:100%;
	box-sizing: border-box;
}

.text-box.CAST.greenlight
{
	border:3px solid #105b62;
	background-color: #edfffe;
	color: #105b62;
		width:100%;
	box-sizing: border-box;
}

.text-box.CAST.purple2
{
	border:3px solid #4b0e7a;
	background-color: #7e51a0;
}

.text-box.CAST.blue2
{
	border:3px solid #1679bb;
	background-color: #569fcf;
}

.text-box.CAST.green2
{
	border:3px solid #105b62;
	background-color: #529088;
}


/*	Font Colors	*/

.white-color p{ color:#FFF; }
.black-color p{ color:#000; }

/*	Setting the Stage/Teacher Boxes	*/
#content .stagesetting {
	box-sizing: border-box;
}

#content .stagesetting.redstage
{
	border:3px solid #c53316;
	border-radius:8px;
	width:100%;
	max-width:600px;
	margin:0 auto;
	color:#666;
}

#content .stagesettingIMG img
{
	max-width:100px;
	width:100%;
	padding:5px;
	border:none;
	box-shadow: none;	
}

#content .stagesettingIMG
{
	background-color:#efefef;
	border:none;
	padding:0px 0px 0px 4px;
	width:110px;
}

#content .stagesettingTXT
{
	background-color:#efefef;
	border:none;
	vertical-align:text-top;
	padding:10px 5px 0px 5px;	
}

#content .redstage.stagesettingTXT h3
{
	text-align:left;
	color:#f98c77;	
}

#content .hiddentext
{
	background-color:#efefef;
	border:none;
	padding:10px	
}

#content .stagesetting.redstage a
{
	color:#f98c77;
	font-style:italic;	
}

#content .stagesetting.redstage a:hover
{
	color:#f98c77;
	font-style:italic;	
}

#content .stagesetting.bluestage
{
	border:3px solid #1679bb;
	border-radius:8px;
	width:100%;
	max-width:600px;
	margin:0 auto;
	color:#666;
}

#content .stagesettingTXT.bluestage h3
{
	text-align:left;
	color:#569fcf;	
}

#content .stagesetting.bluestage a
{
	color:#569fcf;
	font-style:italic;	
}

#content .stagesetting.bluestage a:hover
{
	color:#1679bb;
	font-style:italic;	
}

#content .stagesetting.purplestage
{
	border:3px solid #4b0e7a;
	border-radius:8px;
	width:100%;
	max-width:600px;
	margin:0 auto;
	color:#666;
}

#content .stagesettingTXT.purplestage h3
{
	text-align:left;
	color:#7e51a0;	
}

#content .stagesetting.purplestage a
{
	color:#7e51a0;
	font-style:italic;	
}

#content .stagesetting.purplestage a:hover
{
	color:#4b0e7a;
	font-style:italic;	
}

#content .stagesetting.greenstage
{
	border:3px solid #105b62;
	border-radius:8px;
	width:100%;
	max-width:600px;
	margin:0 auto;
	color:#666;
}

#content .stagesettingTXT.greenstage h3
{
	text-align:left;
	color:#519ca3;	
}

#content .stagesetting.greenstage a
{
	color:#519ca3;
	font-style:italic;	
}

#content .stagesetting.greenstage a:hover
{
	color:#105b62;
	font-style:italic;	
}

#content .brainActivity {
	background-color: #000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 1.2em;
}

#content .brainActivity .brainMenu {
	display: table;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#content .brainActivity .text-box {
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
}

#content .brainActivity .spacer {
	width: 2%;
	display: table-cell;
}

#content .brainActivity .content {
	padding:80px 5px 5px 10px;
	color: #FFF;
}

@media (max-width: 767px){
	#content .brainActivity .content {
		padding:10px 5px 5px 10px;
	}
}

@media (max-width: 480px) {
	#content .brainActivity .brainMenu {
		display: block;
	}
	#content .brainActivity .text-box {
		display: block;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

/* Reflection Checkboxes */

.checkbox.primary.purple .icons,
.radio.primary .icons {
  color: #CCC;
}
.checkbox.primary.purple.checked,
.radio.primary.checked {
  color: #4b0e7a;
}
.checkbox.primary.purple.checked .icons,
.radio.primary.checked .icons {
  color: #7e51a0;
}

.checkbox.primary.green .icons,
.radio.primary .icons {
  color: #CCC;
}
.checkbox.primary.green.checked,
.radio.primary.checked {
  color: #105b62;
}
.checkbox.primary.green.checked .icons,
.radio.primary.checked .icons {
  color: #528b90;
}

.checkbox.primary.blue .icons,
.radio.primary .icons {
  color: #CCC;
}
.checkbox.primary.blue.checked,
.radio.primary.checked {
  color: #1679bb;
}
.checkbox.primary.blue.checked .icons,
.radio.primary.checked .icons {
  color: #569fcf;
}


/* Carousel */

#myCarousel img
{
		border:none;
		border-radius:5px;
		box-shadow:none;
		margin:0 auto;
		width:auto;
		
}

#myCarousel li
{
	padding-left:0px;
	margin-left:10px;	
}


/* ::::::: COLORS ::::::: */

.blue-bg {				background-color:#1679bb;	}
.blue-mid-bg {	 		background-color:#569fcf;	}
.blue-light-bg {		background-color:#edf7fe;	}
.green-bg {				background-color:#105b62;	}
.green-mid-bg { 		background-color:#519ca3;	}
.green-light-bg { 		background-color:#eefbfc;	}
.yellow-bg {			background-color:#eea400;	}
.yellow-mid-bg {		background-color:#ffc67c;	}
.yellow-light-bg {		background-color:#fff1d4;	}
.orange-bg { 			background-color:#e99626;	}
.orange-light-bg {		background-color:#ffe1c1;	}
.red-bg { 				background-color:#c53316;	}
.red-mid-bg {			background-color:#f98c77;	}
.red-light-bg { 		background-color:#ffdfdb;	}
.purple-bg { 			background-color:#4b0e7a;	}
.purple-mid-bg {		background-color:#7e51a0;	}
.purple-light-bg {		background-color:#f5eefa;	}
.dark-gray-bg { 		background-color:#323232;	}
.dark-gray-light-bg { 	background-color:#696969;	}
.gray-bg { 				background-color:#939393;	}
.gray-light-bg { 		background-color:#c8c8c8;	}
.light-gray-bg { 		background-color:#eaeaea;	}