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

button{
	background-color:transparent;
	background-repeat:no-repeat;
	/*border:none;*/
	cursor:pointer;
	overflow:hidden;
	/*outline:none;*/
	color:#FFF;
}
.moveMenuIn, .moveResourcesIn{
	display:block;
}
.moveMenuOut, .moveResourcesOut{
	visibility:hidden;
}

.menuContainer{
	margin:15px auto;
	position:absolute;
}

.menuTabText{
	width:100px;
	height:20px;
	color:#000;
	position:relative;
}
.menuNav{
	padding-top:53px;
	font-size:1em;
}
.menuModContainer{
	width:180px;
	margin-right:15px;
}
.menuModContainer:not(:first-child){
	width:165px;
	margin-right:0px;
}
.menuNavContainer{
	position:absolute;
	visibility:hidden;
}
.resourcesContainer{
	position:absolute;
	visibility:hidden;
}
.helpContainer{
	position:absolute;
	visibility:hidden;
}
.menuNavContainer ul{
	list-style-type:none;
}
.menuNav ul{
	margin-left:0px;
}
.menuModContainer ul.first-menu-item{
	margin-left:32px;
}
.menuNav>li{
	float:left;
}
.mainMenuButton{
}
.mainMenuButton.module>h2{
	font-size:12px;
	margin-top:0px;
}
.mainMenuButton.module{
	font-size:12px;
	margin-left: -5px;
	margin-bottom: 8px;
}
.menuNav>li h2{
	margin-bottom:10px;
}
.progressShow{
	visibility:visible;
}
.progressHide{
	visibility:hidden;
}
.menuLessonTitle{
	width:100%;
	padding-left:5px;
	display:inline-block;
	vertical-align:top;
}

/*******   MAIN MENU PANEL   **/
#mainMenu, #resourcesContainer, #helpContainer {
	z-index:250;
	/*left:-900px;*/
	top:45px;
	width:1024px; /*911px;*/
	height:720px;
	font-size:1.3rem;
	font-weight:;
	line-height:1.6rem;
	letter-spacing:normal;
	color:#fff;
	text-align:left;
	overflow:hidden;
	margin:0 auto;
	background:url(../images/mainMenu.jpg) no-repeat;
}
.resourcesTitle{
	background:url(../images/interface/resourceTitle.png) no-repeat;
	width: 400px;
	height: 28px;
	padding: 5px 4px 0px 25px;
}

 #resourcesContainer {
	overflow:hidden;
	background:url(../images/resources.jpg) no-repeat;
 }
 .resourcesListContainer{
	padding:66px 0 0 60px;
 }
 .resourcesListContainer ul{
	 display:inline-block;
	 vertical-align:top;
	 width:45%;
 }
 .resourcesListContainer li{
	margin-bottom:15px;
 }
 #resourcesContainer ul{
	padding-left:40px; 
 }
 
 #resourcesContainer ul li a{
	font-weight: bold; 
 }
 #helpContainer {
	/*padding:100px;*/
	overflow:hidden;
	background:url(../images/help.jpg) no-repeat;
 }
.menuBtnContainer {
	float:left;
	margin-top:15px;
	/*margin-left:20px;*/
	width:395px;
	height:500px;	
}
.mainMenuButton {
	vertical-align:top;
	color:#000;
	font-size:11px;
	font-weight:bold;
	line-height:1em;
}
.progress {
	width:16px;
	height:16px;
	padding-top:2px;
	padding-right:5px;
	vertical-align:middle;
	visibility:hidden;
}
.progress.completed {
	visibility:visible;	
}
.progress.lesson {
	padding-left:25px;	
}

.mainMenuButton.disabled a {
	color:#fff;
	text-decoration:none;		
}
.mainMenuButton a:link,
.mainMenuButton a:visited  {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
.mainMenuButton a:hover, 
.mainMenuButton a:active, 
.mainMenuButton a:focus {
	color:#09F;
	text-decoration:underline;
}
.mainMenuButton.disabled a:hover, 
.mainMenuButton.disabled a:active, 
.mainMenuButton.disabled a:focus {
	color:#fff;
	text-decoration:none;
}
#mainMenuCloseBtn {
	float:right;
	margin-top:10px;/*
	padding-right:65px;	*/
}
/*****************/

.menuBarItem{
	float:left;
}
.menuBar{
	margin-left:20px;
	list-style-type:none;
}
.menuBarItem:not(:first-child){
	margin-left: 20px;
}
.menuBarItem a{
	color:#B2B2B2;
}
.menuBarItem a:hover, .menuBarItem a:focus {
	color:#09F;
}
.menuBarItem a:link  {	
	/*width: 97px;*/
	height: 54px;
	font-family: Arial;
	font-weight:bold;
	font-size:1.25rem;
	line-height:54px;
	text-decoration:none;
	display: block;
}

.closeScreenButtonContainer{
	position:absolute;
	right:10px;
}

a.closeScreenButton{
}
a.closeScreenButton:link,
a.closeScreenButton:visited  {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
a.closeScreenButton:hover, 
a.closeScreenButton:active, 
a.closeScreenButton:focus {
	color:#09F;
	text-decoration:underline;
}