#contentContainer {
    width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

	background-color: #FFFFCC;
}
#contentHeader {
	background-image:url(/msquares/images/header800.gif);
	width: 800px;
	height: 126px;

	margin: 0 auto;
	padding: 0;
}
#headerTitleText {
	font-family: arial;
	color: black;
	font-size: 16pt;
	font-weight: bold;

	width: 100%;
	height: 20px;

	margin: 0 auto;
	padding: 103px 0 0 0;
	text-align: center;
}
#innerContent {
    width: 780px;
    height: auto;

    background-color: #FFFFCC;

	margin: 0 10px;
	padding: 0 0 10px 0;

    position: relative;
}

#topSection {
	width: 100%;
	height: auto;

	/* border: 2px solid red; */
}

#mainSectionWrapper {
	background: #cc99ff; 
	border-radius: 10px;
	width: 100%;
}

#mainSectionContainer {
	float: left;

	width: 100%;
	height: auto;
	margin: auto;
	/* border: 2px solid purple; */
}
#leftSection {
	width: 30%;
	margin: 10px;
	position:relative;
	/* width: 35%; */
	/* height: 166px; */

	/* border: 2px solid blue; */

	float: left;
}
#rightSection {
	width: 64%;
	height: 226px;
	margin: 10px;
	/* border: 2px solid #660099; */

	float: right;
	background-color: white;
}

.sectionContent {
	width: 100%;

	margin: 0 10px;
	padding: 10px 0;
}

#gameContainer {
	float: left;

	width: 90.7%;
	height: 100%;

	border-top: 2px solid #660099;
	border-bottom: 2px solid #660099;
	border-left: none;
	border-right: none;
}

#create {
	vertical-align: middle;
}

#myGames {
	vertical-align: middle;
}

#difSelect {
	display: none; 
	position: absolute;
	width: 46px; 
	height: 46px; 
	background-image: url(/msquares/images/lobby/game_list_btn_select.png);
}

#addTagToGroup {
	margin: 0 10px 10px;
}

.searchBtn {
	width: 21px;
	height: 22px;
	margin-right: 10px;
	vertical-align: middle;
}

.gameDsc {
	height: 100%;
}

.scroll-arrow {
	float: left;

	width: 23px;
	height: 230px;
	/* border: 1px solid orange; */
	background: orange;
	color: white;

	cursor: pointer;
}

.loading {
	position: relative;
	background: white;
	/*bottom: 60%;*/
	/*margin: 0 auto;*/
	text-align: center;
	/*width: 70%;*/
	display: none;
	bottom: 101%;
	height: 100%;
	left: 23px;
	width: 91%;
	line-height: 200px;
}

.thumbDiv {
	width: 200px;
	height: 99%;

	background: #112121;

	float: left;
	margin-right: 10px;
}
.thumbImg {
	/*width: 200px;
	height: 150px;*/
	cursor: pointer;
	/* border: 1px solid blue; */

	/* float: left; */
	/* margin-right: 10px; */
}

.teacherAddGame {
	width: 16px;
	height: 16px;
	float: left;
	margin-top: 8px;
}

.teacherAddGame img {
	width: 16px;
	height: 16px;
}

.filter-lvl {
	float: left;
	position: relative;
	margin: 0.5px 0;
	background-image: url(/msquares/images/lobby/game_list_btn_2_OFF.png);
	width: 46px;
	height: 46px;

	text-align: center;
	line-height: 46px;

	cursor: pointer;
}

.completionCheck {
	 position: absolute; 
	 left: 6px; 
	 top: 6px;
	 
	 width: 34px;
	 height: 36px;
	 
	/* opacity: 0.7;
     filter: alpha(opacity=70);*/
     
     display: none;
}

.btn-text {
	position: absolute;

	width: 46px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	pointer-events: none;
}

.nolist { list-style: none; margin: 0; padding: 0;}
.clear { clear: both; }

.bold { font-weight: bold; }

.color-black { color: black; }
.color-purple { color: #660099; }
.color-darkpurple { color: #330066; }
.color-darkteal { color: #006666;}
.color-teal { color: #009999;}
.color-grey { color: #8c8c8c;}
.color-lightgrey {color: #cccccc;}
.kk_yellow { color: yellow; }
.kk_green { color: #93FFE8; }

.text-small {
	font-family: Arial;
	font-size: 12px;
}
.text-medium {
	font-family: Arial;
	font-size: 16px;
}
.text-medium2 {
	font-family: Arial;
	font-size: 17px;
}
.text-big {
	font-family: Arial;
	font-size: 18px
}
.text-large {
	font-family: Arial;
	font-size: 22px;
}