/* CSS Document */

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%;
background-color:#000000;

scrollbar-base-color: #660000;
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #f0c02e;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;
}

#logo{
position: absolute; 
top: 5px; 
left: 5; 
z-index: 1000;
}

#framecontentLeft, #framecontentRight{
position: absolute; 
top: 80px; 
left: 0; 
width: 150px; /*Width of left frame div*/
height: 88%;
overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #000000;
color: white;
}

#framecontentRight{
top: 0px;
left: auto;
right: 0; 
bottom: 60px;
width: 60px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #000000;
color: white;
}

#framecontentTop{
	position: absolute;
	top: 0px;
	left: 150px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 0px; /*Set right value to WidthOfRightFrameDiv*/
	width: 100%;
	height: 80px; /*Height of top frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background-color: #000000;
	color: white;
}

#framecontentBottom{
position: absolute;
left: 150; /*Set left value to WidthOfLeftFrameDiv*/
right: 0; /*Set right value to WidthOfRightFrameDiv*/
width: auto;
height: 80px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #000000;
color: white;
}


#framecontentBottom{
top: auto;
height: 60px; /*Height of bottom frame div*/
bottom: 0;
}

#maincontent{
position: fixed; 
top: 80px; /*Set top value to HeightOfTopFrameDiv*/
bottom: 60px; /*Set bottom value to HeightOfBottomFrameDiv*/
left: 150px; /*Set left value to WidthOfLeftFrameDiv*/
right: 60px; /*Set right value to WidthOfRightFrameDiv*/
overflow: auto; 
background: #ffffd6;
padding:0px;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.maininnertube{
margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 80px 60px 60px 150px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop, * html #framecontentBottom{ /*IE6 hack*/
width: 100%;
}


.sidebg{
	background-color:#000;
}
.mainbg{
	background-color:#ffffd6;
	margin: 20px 30px 20px 30px;
}
.lessontitle {
	font-family:Tahoma;
	font-size:17px;
	color:#CC0000;
	font-weight:bold;
	align:center;
}
.yellow a:link { 
    font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	color: #C8C8C8;
	text-decoration:none;
}

.yellow a:visited { 
    font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	color: #C8C8C8;
	text-decoration:none;
}

.yellow a:hover { 
    font-family: Tahoma;
	font-weight: bold;
	text-decoration: none; 
	font-size: 12px;
	color: #CC0000;
	text-decoration:none;
}
#modal_container {
padding:5px;
background-color:#fff;
border:1px solid #666;
overflow:auto;
font-family:"Lucida Grande",Verdana;
font-size:12px;
color:#333;
text-align:left;
}

#modal_container.test {
background-color:#900;
color:#fff;
padding:30px;
text-align:center
}

#modal_overlay {
background-color:#000;
}

#modal_overlay.test {
background-color:#fff;
}



.navbluesub a:link {
	color : #F0C02E;
	font-weight : bold ;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	padding: 2px;
	display: block;
	
}
.navbluesub a:visited {
	color : #F0C02E;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	padding: 2px;
	display: block;
	
}

.navbluesub a:hover{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	background-color: #F0C02E;
	display: block;
	padding: 2px;
	
}

.navbluesub a:active{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	background-color: #F0C02E;
	display: block;
	padding: 2px;
}

.navbluesub  {
	color : #1988DA;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	text-align: left;
	padding: 0px 1px;
	
}

a:link img{text-decoration: none;
border-color: none;
}

a:visited img{text-decoration: none;
border-color: none;
}

a:hover img{text-decoration: none;
border-color: none;
}

.topusername{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c8c8c8;
	font-weight:bold;
}
.topstarterenglish{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#c8c8c8;
	font-weight:bold;
}
.topelenumber{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f0c02e;
	font-weight:bold;
}




.episode a:link {
	color : #F0C02E;
	font-weight : bold ;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 14px;
	padding: 2px;
	display: block;
}
.episode a:visited {
	color : #F0C02E;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 14px;
	padding: 2px;
	display: block;
}

.episode a:hover{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 14px;
	background-color: #F0C02E;
	display: block;
	padding: 2px;
}

.episode a:active{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 14px;
	background-color: #F0C02E;
	display: block;
	padding: 2px;
}

.episode  {
	color : #1988DA;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 14px;
	text-align: left;
	padding: 0px 1px;
}



.lesson a:link {
	color: #F5E296  ;
	font-weight : bold ;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	padding: 2px;
	display: block;
	/*color:#F5D570*/
}
.lesson a:visited {
	color : #F5E296;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	padding: 2px;
	display: block;
}

.lesson a:hover{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	background-color: #F5E296;
	display: block;
	padding: 2px;
}

.lesson a:active{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	background-color: #F5E296;
	display: block;
	padding: 2px;
}

.lesson  {
	color : #1988DA;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	text-align: left;
	padding: 0px 1px;
}


.exercise a:link {
	color: #F5E296;
	font-weight : bold ;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	padding: 2px;
	display: block;
}
.exercise a:visited {
	color : #F5E296;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	padding: 2px;
	display: block;
}

.exercise a:hover{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	background-color: #F5E296;
	display: block;
	padding: 2px;
}

.exercise a:active{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	background-color: #F5E296;
	display: block;
	padding: 2px;
}

.exercise  {
	color : #1988DA;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	text-align: left;
	padding: 0px 1px;
}




.episodedisabled a:link {
	color: #666666;
	font-weight : bold ;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 14px;
	padding: 2px;
	display: block;
}
.episodedisabled a:visited {
	color : #666666;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 14px;
	padding: 2px;
	display: block;
}

.episodedisabled a:hover{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 14px;
	background-color: #F0C02E;
	display: block;
	padding: 2px;
}

.episodedisabled a:active{
	color : #666666;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 14px;
	background-color: #F0C02E;
	display: block;
	padding: 2px;
}

.episodedisabled  {
	color : #666666;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 14px;
	text-align: left;
	padding: 0px 1px;
}



.lessondisabled a:link {
	color: #666666  ;
	font-weight : bold ;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	padding: 2px;
	display: block;
	/*color:#F5D570*/
}
.lessondisabled a:visited {
	color : #666666;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	padding: 2px;
	display: block;
}

.lessondisabled a:hover{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	background-color: #F5E296;
	display: block;
	padding: 2px;
}

.lessondisabled a:active{
	color : #666666;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	background-color: #F5E296;
	display: block;
	padding: 2px;
}

.lessondisabled  {
	color : #666666;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	text-align: left;
	padding: 0px 1px;
}

.myvocab a:link{ font-family:Tahoma; font-size:13px; font-weight:bold; color:#F0C02E; text-decoration:none; }
.myvocab a:visited{ font-family:Tahoma; font-size:13px; font-weight:bold; color:#F0C02E; text-decoration:none; }
.myvocab a:hover{ font-family:Tahoma; font-size:13px; font-weight:bold; color:#000000; text-decoration:none; background-color: #F0C02E;	display: block;	}